Cargar contenido con Jquery sin recargar página

Caffa · 5 Sep 2017

Hola! Estoy creando una aplicación web con HTML + PHP principalmente. Como la aplicación tiene un formato de ERP , el header y el sidebar no deberían recargarse nunca. Por lo tanto estaba buscando algun tutorial bien explicado sobre como implementar Jquery para que solamente se cargue el contenido en un div, y no se haga una recarga de la página completa.

Muchas gracias!

FrankGarGar · 5 Sep 2017

Hola man lo que estas pidiendo es facil pero para poderte responder necesito que me digas que si quieres actualizar el contenido de un div luego de darle click a algun boton o en que momento en especifico si es despues de clickear un boton usa este comando
$("AQUI el id o la clase del boton").click(function(){
$("AQUI el id o la clase del div que quieras mostrar").show();
});

RECUERDA utilizar hide en lugar de show para ocultarlo al cargar la pagina para que inicie como oculto.

SI no entendiste algo responde y mencioname para ayudarte mas:encouragement:

CarlosRR · 6 Sep 2017

Amigo es fácil, tu mismo tienes la respuesta. Puedes implementar un botón para cambiar contenido dinámico, o puedes habilitar un pequeño javascript para que cada cierto tiempo implemente cambios en un div, en caso de que quieras actualizar datos de una base de datos por medio de un post a un php.

Este manual te puede ayudar con la parte de jquery.

https://www.google.co.ve/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwi98LK4zZDWAhVGWCYKHfcjCpgQFggsMAE&url=http%3A%2F%2Fwww.sitiolibre.com%2Fcurso%2Fpdf%2FManual_jQuery.pdf&usg=AFQjCNFN5D38TJG9LVdxvQoDtf4dFuRHtw

Saludos!

Caffa · 6 Sep 2017

FrankGarGar dijo:
Hola man lo que estas pidiendo es facil pero para poderte responder necesito que me digas que si quieres actualizar el contenido de un div luego de darle click a algun boton o en que momento en especifico si es despues de clickear un boton usa este comando
$("AQUI el id o la clase del boton").click(function(){
$("AQUI el id o la clase del div que quieras mostrar").show();
});

RECUERDA utilizar hide en lugar de show para ocultarlo al cargar la pagina para que inicie como oculto.

SI no entendiste algo responde y mencioname para ayudarte mas:encouragement:

Si, esto encontré como hacerlo.

CarlosRR dijo:
Amigo es fácil, tu mismo tienes la respuesta. Puedes implementar un botón para cambiar contenido dinámico, o puedes habilitar un pequeño javascript para que cada cierto tiempo implemente cambios en un div, en caso de que quieras actualizar datos de una base de datos por medio de un post a un php.

Este manual te puede ayudar con la parte de jquery.

https://www.google.co.ve/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&cad=rja&uact=8&ved=0ahUKEwi98LK4zZDWAhVGWCYKHfcjCpgQFggsMAE&url=http%3A%2F%2Fwww.sitiolibre.com%2Fcurso%2Fpdf%2FManual_jQuery.pdf&usg=AFQjCNFN5D38TJG9LVdxvQoDtf4dFuRHtw

Saludos!

Gracias por este dato.

La unica duda que aun me queda es como realizarlo de manera eficiente. Trabajo con boostrap, y el navbar es una <ul>, cada item de menú es una <li> con un <a>. El tema es que cuando tengo submenues para ingresar debo presionar un enlace que no debería hacer ninguna acción, ya que solo es "titulo", pero sin embargo me carga alguna página.

Lo que estaba buscando es como generar un navbar, multinivel, que contenga esta función y sea "prolijo". Capaz llenar los menues de ID sea la forma correcta, pero no lo se

Cargar contenido con Jquery sin recargar página

Caffa

FrankGarGar

CarlosRR

Caffa

Temas similares