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