Ing. Sistemas

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.2Google Suggest
1.3.3 Google Maps
1.3.4 Etc...
2. Teoría
2.1
2.2
2.3
2.4
2.5

¿ Para qué nos sirve AJAX ?
Ventajas / Desventajas
Diferencias en el desarrollo "PRE"ajax / "POST"ajax.
El cambio "radical" que supone la comunicación Asíncrona.
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 CSS4.1.2 JavaScript
4.2 Primeros 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
Ustedes libre de:
● copiar, distribuir y 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 puededistribuir
la obra generada bajo una licencia idéntica a é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 loanterior.
Esto es un resumen legible por humanos del texto legal (la licencia 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 termino “Ajax” fue acuñado por Jesse James Garret1 en suarticulo “Ajax: A New
Approach to Web Applications”, el cual 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 unariqueza 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 eltermino ajax para definir el uso de XMLHttprequest2 puede llegar a tratarse de 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 interactivascombinando:
● 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...