Lenguaje Ajax

Objetivo

Mostrar los fundamentos elementales del lenguaje AJAX, uso y limitaciones.

Temas a Tratar

DefiniciónTecnologías agrupadas en AJAX

Ventajas y desventajasConclusiones

Definición

AJAX: Acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications) que significa Aplicaciones de Internet Enriquecidas.

Ejemplo de aplicación de AJAX

Published:05 / 28 / 2007

DefiniciónAjax permite que las aplicaciones se ejecuten

en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano, de modo que, la comunicación que se establece es de manera diferida en el tiempo, por lo cual es asíncrono ya que no existe coincidencia temporal. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

DefiniciónPor lo cual Ajax es una tecnología

asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales

Tecnologías agrupadas en AJAX

AJAX es una combinación de cuatro tecnologías ya existentes que son:

1. XHTML (o HTML) y hojas de estilos en cascadas (CSS) para el diseño que acompaña a la información.

Tecnologías agrupadas en AJAX

2. Objet Model (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinámicamente con la información presentada.

Tecnologías agrupadas en AJAX

3. El objeto XMLHttpRequest para intercambiar datos asincrónicamente con el servidor web. En algunos frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar dichos intercambios.

Tecnologías agrupadas en AJAX

4. XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado. AJAX no constituye una tecnología en sí, sino que es un término que engloba a un grupo de éstas que trabajan conjuntamente.

Funcionamiento de AJAXA) El explorador carga un motor AJAX de la aplicación Web

solicitada.

B) El motor AJAX se comunica con el servidor en representación del usuario.

C) El servidor solicita un procesamiento backend si es el caso.

D) Se emite una respuesta backend al servidor.

E) El servidor envía datos XML al motor AJAX.

F) El motor AJAX carga la información para que el usuario la visualice.

Funcionamiento de AJAXTanto el suceso B como el F ocurren

asincrónicamente, es decir, cada acción del usuario que normalmente generaría una petición HTTP toma la forma de una llamada JavaScript al motor AJAX, el cual decide como comunicarse con el servidor; así no se interfiere con la interacción entre el usuario y la aplicación.

Ventajas AJAX

El trafico al servidor se reduce.

La experiencia de usuario en la navegación es mucho más interactiva.

Ventajas AJAX

Ya no se refresca la página constantemente al interactuar con ella y el tiempo de espera para una petición se reduce ya que el usuario al hacer un pedido (request) al servidor, no se envía toda la página.

Desventajas AJAX

Falta de integración con el botón retroceder del navegador. Se debe tener en cuenta esto al intentar guardar funcionalidad con este botón.

Falta de soporte para todos los navegadores. Aunque esto se va reduciendo, el problema se presenta por la falta de soporte para JavaScript y XMLHttpRequest.

Desventajas

Problemas si el usuario ha des habilitado el uso de JavaScript en su navegador.

No poder recomendar links específicos. Si hace que toda la web

Desventajas

sea interactiva, no es posible recomendar algún link, ya que el

contenido fue generando dinámicamente. Se debería encontrar

un equilibrio dependiendo de las necesidades del escenario.

Desventajas

Demasiado código Ajax hace lento el navegador. A más Ajax,

más uso de código JavaScript del lado del browser, por

consiguiente mayor trabajo del browser. El rendimiento del CPU

puede verse afectado.

Casos en los que esrecomendable usar AJAX

Interacción a través de formulariosNavegación jerárquica por nodos (o estilo árbol)

Comunicación rápida entre usuarios

Votaciones, encuestas, valoraciones, etc.

Casos en los que esrecomendable usar AJAX

Filtrado y manipulación de datos o resultados de búsqueda

Autocompletado de campos de texto usados comúnmente.

Casos en los que esrecomendable evitar AJAX

BúsquedasEnvíos a través de formularios simples

Navegación básica.

Casos en los que esrecomendable evitar AJAX

Reemplazar grandescantidades de textoManipulación de la interfazWidgets sin sentido

Gracias!!!