Ajax XMLHttpRequest

XMLHttpRequest / AJAX
XMLHttpRequest /AJAX
Jorge Bastida Pérez
jbastida@ikusnet.com
neo@art-xtreme.com

Documento Bajo Licencia Creative Commons

1 / 20

XMLHttpRequest / AJAX
Índice
0. Licencia
1. Presentación
1.1 Breve Historia
1.2 ¿Qué es AJAX?
1.2.1 Comunicación síncrona vs. Asíncrona
1.2.2 La "magia".
1.3 Ejemplos prácticos en producción
1.3.1 Flickr Yahoo!
1.3.2 Google Suggest1.3.3 Google Maps
1.3.4 Etc...
2. Teoría
2.1 ¿Para qué nos sirve AJAX?
2.2 Ventajas / Desventajas
2.3 Diferencias en el desarrollo "PRE” Ajax / "POST" Ajax.
2.4 El cambio "radical" que supone la comunicación Asíncrona.
2.5 Alternativas a Ajax.
3. Práctica / teoría
3.1 DOM
3.2 Programación con Frameworks de AJAX
4. Práctica
4.1 Conocimientos Básicos
4.1.1 CSS
4.1.2 JavaScript
4.2Primeros pasos
4.3 Copiando Flickr
4.4 Copiando Google Suggest
4.5 Copiando Google Maps
4.6 Copiando aplicaciones de escritorio.
4.6.1 Crear / Destruir objetos.
4.7 Pegaso puede con todo.
4.7.1 Integración de xajax en pegaso
4.8 Abre tu mente
4.8.1 Que hacer / Que NO hacer con ajax.
4.8.2 Límites de Ajax


2 / 20

XMLHttpRequest / AJAX
0. Licencia
Usted es libre de:
copiar, distribuiry comunicar públicamente la obra
hacer obras derivadas
hacer un uso comercial de esta obra
Bajo las condiciones siguientes:
Reconocimiento
. Debe reconocer los créditos de la obra de la manera especificada por el autor o el licenciador.
Compartir bajo la misma licencia
. Si altera o transforma esta obra, o genera una obra derivada, sólo puede distribuirla obra generada bajo una licencia idénticaa ésta.
Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra.
Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor
Los derechos derivados de usos legítimos u otras limitaciones reconocidas por ley no se ven afectados por lo anterior.
Esto es un resumen legible por humanos del texto legal (lalicencia completa) disponible en los idiomas siguientes: Catalán Castellano Gallego

























3 / 20

XMLHttpRequest / AJAX
1. Presentación
1.1 Breve Historia
Desde hace un tiempo la palabra AJAX es la palabra de moda en el mundo del desarrollo de aplicaciones web. El término “Ajax” fue acuñado por Jesse James Garret en su articulo “Ajax: A New Approach to Web Applications”, elcual recomiendo su lectura y que a lo largo de esta presentación citaré numerosas veces. A modo de introducción paso a citar unas líneas brevemente.
“Dejando de lado esto, los diseñadores de interacción Web no pueden evitar sentirse envidiosos de nuestros colegas que crean software de escritorio. Las aplicaciones de escritorio tienen una riqueza y respuesta que parecía fuera del alcance en Internet.La misma simplicidad que ha permitido la rápida proliferación de la Web también crea una brecha entre las experiencias que podemos proveer y las experiencias que los usuarios pueden lograr de las aplicaciones de escritorio.”
1.2 ¿Qué es Ajax?
Mucha gente me lapidaría por esto, pero Ajax en sí no es nada, incluso emplear el término Ajax para definir el uso de XMLHttpRequest puede llegar a tratarsede una tautología. Ajax no es una tecnología, no es un nuevo lenguaje de programación ni nada similar, Ajax es realmente el cúmulo de muchas tecnologías que por méritos propios han llegado a donde están.
AJAX (Asynchronous Javascript and XML) es una técnica de desarrollo web que genera aplicaciones web interactivas combinando:
XHTML y CSS para la presentación de información
Document Object Model(DOM3) para visualizar dinámicamente e interactuar con la información presentada
XML, XSLT para intercambiar y manipular datos
XMLHttpRequest para recuperar datos asíncronamente
JavaScript como nexo de unión de todas estas tecnologías
No requiere plugins o capacidades específicas de ciertos navegadores.
1. Jesse James Garrett (wikipedia.org) is an information architect and founder of Adaptive...