¿Qué es AJAX?

Según wikipedia AJAX (Asynchronous JavaScript And XML) és una técnica de desarrollo web para crear aplicaciones interactivas mediante la combinación de tres tecnologías ya existentes que conoceremos en este manual.

O para que lo entendais mejor, es una manera de crear una aplicación que responde a las acciones del usuario sin refrescar la página contra el servidor.

Tecnologías

Para conseguir este efecto, se utilizan la mayoría de las tecnologías disponibles para páginas web, HTML, CSS, XML, JavaScript y algún lenguaje de servidor cómo puede ser PHP o ASP, veamos que función tiene cada lenguaje en la aplicación:

  JavaScript - Para manejar el objeto XMLHttpRequest y DOM tratar para los datos recibidos.
  HTML - Distrubuye en la ventana del navegador los elementos de la aplicación y la información recibida por el servidor
  CSS - Define el aspecto de cada elemento y dato de la aplicación
  XML - Es el formato de los datos transmitidos del servidor al cliente (navegador) y que posteriormente serán mostrados.
  Lenguaje de servidor - Genera la información útil en XML y la envía al navegador.

Funcionamiento

El usuario accede a la aplicación que es enviada por el servidor en formato HTML, JavaScript y CSS. Luego el código JavaScript de la aplicación pide al servidor los datos que quiere mostrar y este, ejecuta un código de lado de servidor que envía al navegador los datos en formato XML.

Cada vez que el usuario realiza una acción que significa mostrar unos datos, la capa javascript, repite la acción anterior de manera invisible al usuario y muestra los datos deseados.

Problemas

El principal problema de la gran mayoría de aplicaciones AJAX (lo digo por experiencia coomo usuario de mozilla) es la baja compatibilidad entre navegadores, puesto que la capa JavaScript, es de una gran complejidad y a menudo por falta de experiencia en el lenguaje, o por falta de tiempo, se opta por programar solo para Internet Explorer.

En futuras entregas, veremos cómo programar una aplicación AJAX compatible para todos los navegadores incluidos navegadores sin javascript.

Ejemplos

Un excelente ejemplo de aplicación AJAX, bastante compatible entre navegadores es Google Maps, en ella podrás ver como cambiamos la posición del mapa sin recargar la página...