Actualizar un elemento sin recargar con jquery

Tutoriales que pueden interesarte

jquery1jquery2jquery3

Ahora que esta muy de moda la web 2.0, muchos clientes piden que se recarguen elementos, que aparezcan mensajes, etc y todo sin recargar la página para eso se puede usar complicados y confusos codigos AJAX o DOM pero yo prefiero usar un método mas simple con Jquery.

¿Qué es Jquery?

Jquery es una libreria javascript que nos hace la vida más fácil a la hora de manipular elementos html, enviar formularios con ajax, hacer animaciones y todas esas cosas que llaman web 2.0

Actualizar un elemento sin recargar usando AJAX

Para eso vamos a crear DIV con el id «recargado» donde vamos a llamar el resultado de un archivo PHP, que podría ser la invocación a una base de datos, un mensaje, validación, prácticamente cualquier cosa que hag PHP y porsupuesto sin recargar la página
[cc lang=»html»]

Mi texto sin recargar

recargar

[/cc]

Implementando JQUERY

Luego de incluir la libreria jquery
[cc lang=»html»]

[/cc]
Escribimos nuestro código que se ejecutará cuando demos click al link «recargar»
[cc lang=»html»]

[/cc]


//////// Update ////////
Para ver como realizar una acción según la respuesta que dé PHP pueden ver este tutorial