Ajax un poco más fácil con jQuery

Tweet

Bueno a estas alturas de la película doy por hecho que ya sabes algo de Ajax o al menos cómo poco has visto alguna aplicación basada en esta tecnología, sin ir más lejos seguro que has usado Gmail.

AJAX no es un lenguaje exactamente su nombre viene dado por el acrónimo de Asynchronous JavaScript And XML y es posiblemente la mayor novedad en cuanto a programación web en estos últimos años.

El corazón de Ajax es el objeto XMLHttpRequest que nos permite realizar una conexión al servidor y al enviarle una petición y recibir la respuesta que procesaremos en nuestro código Javascript, estamos hablando del verdadero motor de Ajax, por ejemplo gracias a este objeto podemos desde una página HTML leer datos de una web o enviar datos de un formulario sin necesidad de recargar la página.

Desafortunadamente a menudo el objeto XMLHttpRequest no es todo lo sencillo que debiera y por eso existen un gran número de librerías que nos facilitan la labor en este caso hablaremos de jQuery (Su lema lo dice todo: “Escribe menos y haz mas”).

Te recommiendo visites la sección de Javascript de aNieto2k porque a menudo postea cosas relacionadas con el tema.

jQuery

Lo primero y más importante a destacar de jQuery es que es una librería ligera y útil.

La clave en el aprendizaje de jQuery está en el uso de la función $() esta función la podríamos comparar con el clásico document.getElementById() pero con una diferencia muy importante que $() soporta selectores css y puede devolver arrays, por lo tanto $() es una versión mejorada del document.getElementById().

Vamos a un simple ejemplo para verle la utilidad a esto… añadamos por ejemplo la cadena “Prueba” a todos los divs de la clase “clase1″ y cambiamos la propiedad color a “verde”.

$(“div.clase1″).append(“Prueba”).css(“color”,”verde”);

Más fácil incluso si lo pusieramos en dos líneas de código:

$(“div.clase1″).append(“Prueba”);
$(“div.clase1″).css(“color”,”verde”);

Si te ha gustado esta pequeña introducción puedes y debes seguir leyendo acerca de jQuery, no quisiera extenderme porque seguramente pecaré de quedarme corto así que mejor os pongo una lista de sitios con información muy interesante:

• jQuery
• Tutorials jQuery
• Comienza aqui con jQuery
• Introducción a jQuery
• Eventos en jQuery
• Easy Ajax with jQuery (Sitepoint)

Enlaces Relacionados

Problemas de acentos con Ajax
Cosas que no puedes hacer con Javascript
Las funciones Javascript más útiles
Los 7 pecados mortales de Ajax
10 Razones para usar Ajax
Fácil menu contextual con Prototype
Los lenguajes de programación más populares
Y si… Yahoo y Google se parecieran
Google Paint (No oficial)
Las 10 mejores librerías
El framework más popular de Ajax
Tutorial Básico de Ajax
Tendencia de los lenguajes de programación.
Paginador con Ajax