AJAX

Descripción

Hasta la aparición o popularización de AJAX la forma de interactuar, desde el punto de vista del usuario, con una aplicación web se reducía a pulsar sobre algún botón o link y esperar a que la página se recargase mostrando nueva información. Lo que pretende AJAX es mejorar y ampliar las formas en las que un usuario puede interactuar con una aplicación web, acercando las interfaces web a lo que ofrecen las interfaces de las aplicaciones de escritorio, como por ejemplo un editor de texto o una hoja de cálculo.

¿Qué significan las siglas AJAX?

Asyncronous JavaScript And Xml, estos son los principales elementos dentro de un cliente AJAX:

• Comunicación asíncrona: La comunicación con el servidor se produce de forma asíncrona, esto implica que la interfaz sigue estando “viva” mientras se procesan las peticiones, evitando al usuario el efecto de la recarga de paginas.
• JavaScript: Los navegadores modernos son capaces de ejecutar secuencias de código escritas en este lenguaje. Gracias a javascript se puede lograr la comunicación asíncrona con el servidor ( a través del objeto XMLHttpRequest) así como la modificación dinámica de la página reflejando la nueva información obtenida del servidor.
• XML: El papel que juega XML en esta tecnología es el de lenguaje para la transferencia de datos entre el servidor y el navegador web. Sin embargo han aparecido multitud de frameworks para desarrollo AJAX que ofrecen otros mecanismos de intercambio de información. Por ejemplo DWR o GWT permiten enviar directamente objetos java desde el servidor al cliente donde son transformados convenientemente en su equivalente JavaScript de forma transparente al programador.

Rich Internet Aplications

Debido al tremendo auge de las aplicaciones web con el tiempo han ido apareciendo necesidades cada vez más complejas en los interfaces de usuario que este tipo de aplicaciones ofrecen. Las RIA’s permiten ofrecer al usuario de aplicaciones web un nivel de interactividad mucho mayor que le permita realizar operaciones más complejas con mayor facilidad. Dentro de este contexto AJAX se plantea como una alternativa a tener en cuenta para el desarrollo de este tipo de aplicaciones, otras alternativas pueden ser los applets de java o la tecnología Flex de macromedia. AJAX ofrece una ventaja significativa frente a cualquier otra tecnología para la construcción de RIA’s ya que no depende de que ningún tipo de runtime instalado en el cliente, es suficiente con un navegador web estándar para poder ejecutar este tipo de aplicaciones.

Dificultades del desarrollo AJAX

No todo es de color de rosa, el desarrollo de aplicaciones AJAX plantea también algunas dificultades a tener en cuenta:

• Incompatibilidades entre las implementaciones de JavaScript de los distintos navegadores.
• Mantenibilidad del código javascript.
• Supone un cambio de concepto importante en el desarrollo y se pueden encontrar dificultades en su integración con frameworks clasicos MVC (como struts).

Para paliar todas estas dificultades han surgido multitud de frameworks, con muy variados enfoques, que permiten en mayor o menor medida facilitar la construcción de este tipo de aplicaciones, entre los más destacados podemos citar:

• Google Web Tookit
• Direct Web Remoting
• Echo2
• IceFaces
• Dojo
• AjaxAnywhere

Prerrequisitos

• HTML
• CSS
• Javascript
• Alguna tecnología de lado servidor como java servlets, php o asp.

Referencias

• http://code.google.com/webtoolkit/
• http://getahead.ltd.uk/dwr/
• http://www.nextapp.com/platform/echo2/echo/
• http://www.icesoft.com/products/icefaces.html
• http://dojotoolkit.org/
• http://ajaxanywhere.sourceforge.net/

Checklist

• ¿Para que puede ser útil AJAX en mis aplicaciones web?
• ¿Cómo puedo integrar AJAX en mis aplicaciones web java?
• ¿yo uso JSF, AJAX que tiene que ver con todo esto?

¿Y ahora?

• GWT
• DWR