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!!!