Programa Capacitacion

.Net 2008

AJAX
 Objetivo

Mostrar los fundamentos elementales de

AJAX, uso y limitaciones.
 Temas a Tratar

Definicion
Tecnologias agrupadas en AJAX
Ventajas y desventajas
Conclusiones
 Definición
AJAX: Es una técnica de desarrollo WEB para
crear aplicaciones interactivas o RIA(Rich
Internet Applications)

Asynchronous Javascript And XML (JavaScript

asíncrono y XML).
 Tecnologias incluidas en AJAX
AJAX es una combinación de cuatro tecnologías
ya existentes

XHTML (o HTML) y hojas de estilos en cascadas (CSS)

para el diseño que acompaña a la información.

Document 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.
 Tecnologias incluidas en AJAX
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.

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.
Como el DHTML,LAMP o SPA, AJAX no constituye una
tecnología en sí, sino que es un término que engloba a un
grupo de éstas que trabajan conjuntamente.
Ventajas y desventajas AJAX
Ventajas
La experiencia de usuario en la navegación es mucho más
rica.
Ya no se refresca la página constantemente al interactuar
con ella. El tiempo de espera para una petición se reduce.
El usuario al hacer un pedido (request) al servidor, no se
envía toda la página.
Por la misma razón anterior el trafico al servidor se
reduce.
 Ventajas y desventajas AJAX
Desventajas
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.
 Ventajas y desventajas AJAX
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
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.
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.
Modelo Asincrono
 Conclusiones
Casos en los que es Casos en los que es
recomendable usar AJAX recomendable evitar AJAX

Interaccion a través de Búsquedas

formularios
Envios atraves de
Navegación jerárquica por
formularios simples
nodos (o estilo árbol)
Comunicación rápida entre Navegación básica
usuarios
Votaciones, encuestas, Reemplazar grandes
valoraciones, etc. cantidades de texto
Filtrado y manipulación de datos
o resultados de búsqueda Manipulación de la interfaz
Autocompletado de campos de Widgets sin sentido
texto usados comunmente
 Referencias
http://macropsia.com.ar/2005/12/donde-usar-y-donde-evitar-ajax/
http://geeks.ms/blogs/sergiotarrillo/archive/2007/01/09/8420.aspx
http://es.wikipedia.org/wiki/AJAX
http://www.infovis.net/printMag.php?num=177&lang=1
http://es.wikipedia.org/wiki/Iframe
http://es.wikipedia.org/wiki/XMLHttpRequest
http://windowsxp.ethek.com/contenido.asp?IDContenido=461
http://www.javeriana.edu.co/relato_digital/r_digital/taller/introdis/
cap01-estructuras.htm