23/04/2013

Asynchronous JavaScript + XML

Concepto: Cargar y renderizar (generar a partir de un modelo) una pgina o una imagen, luego mantenerse en esa pgina mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la pgina solo rerenderizando la pgina y mostrando u ocultando porciones de la misma. AJAX no es una tecnologa, sino la unin de varias tecnologas que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail, el Outlook Web Access, Windows Live Mail, Google Docs, Yahoo Maps, etc.

23/04/2013

Es una tcnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet

Applications = Aplicaciones de Internet Enriquecidas).

Es una tecnologa asncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualizacin ni el comportamiento de la pgina.

Las tecnologas que normalmente relacin directa con AJAX son cuatro:

tienen

XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseo que acompaa a la informacin (estndares de la W3C). Document Object Model (DOM = Modelo de Objetos del
Documento o Modelo en Objetos para la Representacin de Documentos) accedido con un lenguaje de scripting

por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinmicamente con la informacin presentada.

23/04/2013

Las tecnologas que normalmente relacin directa con AJAX son cuatro:

tienen

El objeto XMLHttpRequest para intercambiar datos de forma asncrona con el servidor web. XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML.

Navegadores basados en Gecko: Navegadores basados en WebKit: Microsoft Internet Explorer:

Versin 5.0 y superiores. Google Chrome de Google o Safari de Apple. Mozilla, Mozilla Firefox, SeaMonkey, Camino, K-Meleon, IceWeasel, Flock, Epiphany, Galeon y Netscape versin 7.1 y superiores

Navegadores con el API KHTML: Opera versin 8.0 y superiores, incluyendo Opera Mobile Browser versin 8.0 y superiores. Chrome.
versin 3.2 y superiores implementado, incluyendo Konqueror versin 3.2 y superiores y el Web Browser for S60 de Nokia tercera generacin y posteriores.

23/04/2013

Opera 7 y anteriores. Microsoft Internet Explorer para Windows versin 4.0 y anteriores. Anteriores a Safari 1.2. Dillo. Navegadores basados en texto como Lynx y Links. Navegadores para personas con capacidades especiales visuales (Braille). Algunos navegadores de telfonos mviles Navegador del PSP

El modelo tradicional para las aplicaciones Web comparado con el modelo de AJAX

23/04/2013

El patrn de interaccin sincrnica de una aplicacin Web tradicional (arriba) comparada con el patrn asincrnico de una aplicacin AJAX (abajo).