Usos De Ajax

Hoy en día, parece que es casi imprescindible dominar AJAX y usarlo para cualquier aplicacion web que se precie. Incluso para la web más sencilla se intenta usar ajax. Sea para cargar un menú, para cargar las diferentes secciones de una página o mantener un timeline de twitter actualizado.

El esquema de uso de ajax es simple: JavaScript crea un objeto XMLHttpRequest (o una variante si hablamosdel navegador de Microsoft, pese a que ellos mismos introdujeron esta tecnología[enlace]), le decimos al objeto que método debe usar (POST, GET...), le pasamos un par de parámetros más y establecemos una conexión con el servidor, cuya respuesta puede ser una página, un dato, un conjunto de datos (que puede estar formateado, por ejemplo en JSON[enlace]), el contenido de un archivo que no esté enHTML...

Es decir, que la utilidad de este conjunto de tecnologías (ajax significa Javascript Asíncrono + XML, y luego se le sumó JSON) es casi infinita, y todavía no se han exprimido al máximo todas sus posibilidades.

Modos de implementación de ajax

Lo correcto al aprender cualquier cosa dentro de la programación es aprender desde la raíz, nunca desde una abstracción [Front End Engineer'sManifesto: http://f2em.com/#learn-javascript]. Es decir, que debemos aprender primero las bases de un lenguaje, su sintaxis, expresiones, estructuras y demás antes de pasar a aprenderlo en un caso aplicado como podría ser una biblioteca o framework.

Escribo esto porque hoy día muchos aprenden directamente jQuery antes de molestarse en saber qué es JavaScript, o ni siquiera saber qué ocurre alhacer $('div').css({color:'red'});. Así que básicamente tendríamos dos métodos para implementar ajax:

1.- Código nativo. No es difícil crear un objeto XMLHttpRequest, capturar un par de excepciones para IE y darle los parámetros de URL y datos, no? Pues como siempre, hay que tener en cuenta el rendimiento. Si solo tenemos que hacer una llamada ajax, vale la pena usar este método. O sinecesitamos un nivel de sofisticación más elevado...

2.- Bibliotecas. Como siempre digo, no estoy en contra de ellas, pero hay que saber usarlas con cabeza. Pese a que jQuery no es siempre la mejor opción (hablo de jQuery porque es la que conozco), hay que decir que los eventos que crea para manejar las llamadas asíncronas y el modelo de funciones de retorno (callbacks) está muy bien construido, y esextremadamente útil para aplicaciones en las que se requieren muchas peticiones ajax.

Usos que se le dan a ajax

Hay una serie de cosas para las cuales se suelen usar peticiones XMLHttpRequest:

1.- Navegación entre páginas. Lo más lógico es intentar hacer que una página vaya lo más rápida y fluidamente posible, pues es algo que valora mucho el usuario. En términos informaticos, el usuariosolo carga el código “marco” (el diseño) de la web una vez.

2.- Menús dinámicos. Aunque no lo haya visto en demasiadas webs, debo decir que yo mismo los uso y he programado algún que otro menú del cual el usuario solo carga la estructura de carpetas al principio, y va cargando el árbol de carpetas y archivos según va navegando por la web. Es ideal para webs técnicas con mucho contenidoestructurado. Y si se hace bien, queda bonito :-)

3.- Carga de imágenes asíncrona y precarga de imágenes. En algunas webs se usa esta técnica. La carga asíncrona se basa en cargar las imágenes mediante javascript una vez que la ventana lanza el evento load. Hay varias formas de crear este efecto de carga retardada, y probablemente la mejor manera no sea usando el objeto normal de ajax. Aún así, es unaaplicación a tener en cuenta. En cambio, la precarga de imágenes aprovecha páginas con solo texto o pocas imágenes para cargar las imágenes de otras partes de la web en segundo plano.

4.- Comprobación de novedades/actualizaciones. Tanto si estamos comprobando una cuenta de twitter, un canal RSS o cualquier otra base de datos variable, resulta bastante fácil programar un timeout para que cada X...