AJAX permite actualizar partes de una página web sin recargar la página completa mediante el uso de JavaScript, XMLHttpRequest y otras tecnologías. Combina XHTML, CSS, DOM, XMLHttpRequest y JavaScript para mejorar la interactividad y velocidad de las aplicaciones web. Es útil para formularios interactivos, navegación jerárquica y comunicación entre usuarios, pero no para búsquedas simples o navegación básica.

2. Lenguaje Ajax

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

4. Temas a Tratar Definición Tecnologías agrupadas en AJAX Ventajas y desventajas Conclusiones

5. Definición AJAX: Acrónimo de A synchronous J avaScript A nd X ML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA ( R ich I nternet A pplications) que significa Aplicaciones de Internet Enriquecidas.

6. Ejemplo de aplicación de AJAX Published: 05 / 28 / 2007

7. Definición Ajax 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.

8. Definición Por 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

9. 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.

10. 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.

11. 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.

12. Tecnologías agrupadas en AJAX 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.

13. Funcionamiento de AJAX A) 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.

14. Funcionamiento de AJAX Tanto 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.

15. Ventajas AJAX El trafico al servidor se reduce. La experiencia de usuario en la navegación es mucho más interactiva.

16. 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.

17. 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.

18. 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

19. 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.

20. 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.

21. Casos en los que es recomendable usar AJAX Interacción a través de formularios Navegación jerárquica por nodos (o estilo árbol) Comunicación rápida entre usuarios Votaciones, encuestas, valoraciones, etc.

22. Casos en los que es recomendable usar AJAX Filtrado y manipulación de datos o resultados de búsqueda Autocompletado de campos de texto usados comúnmente.

23. Casos en los que es recomendable evitar AJAX Búsquedas Envíos a través de formularios simples Navegación básica.

24. Casos en los que es recomendable evitar AJAX Reemplazar grandes cantidades de texto Manipulación de la interfaz Widgets sin sentido

25. Gracias!!!