Este manual salió de un PFC, “AJAX, Fundamentos y Aplicaciones”, escrito por Juan Mariano Fuentes y dirigido por Sergio Gálvez Rojas, la primera edición tiene ya más de 23000 descargas. Esperemos que la segunda siga igual de exitosa.

Características de la segunda edición:

Primero quitar las referencias que tenía al PFC.
Segundo, quitar toda la información que no sea útil para los que están comenzando, creando un manual mucho más enfocado.
Tercero, corregir erratas (seguro que quedan todavía).

Para más información acerca del autor, les dejo su correo: juanmarianofuentes@gmail.com

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan 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 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.

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. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.

Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model (DOM).

AJAX es una combinación de cuatro tecnologías ya existentes:

• XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña a la información.
• Document Object 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.
• El objeto XMLHttpRequest para intercambiar datos de forma asíncrona 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.

Introducción
La Base de la Web Actual
El lenguaje HTML (HyperText Markup Language)
El lenguaje XHTML (eXtensible HTML)
XML (eXtensible Markup Language)
CSS (Cascade Style Sheets), Hojas de estilo
DOM (Document Object Model)
Lenguajes de Cliente, (JavaScript)
Lenguajes de Servidor (JSP, PHP, Ruby, etc.)
Visión en Conjunto
Las RIA (Rich Internet Application Technologies)
Características de una aplicación de escritorio
Características de una aplicación Web Convencional
Problemas de una aplicación web convencional
Algunos ejemplos reales de AJAX
Notas finales
Capítulo 1: El objeto XMLHttpRequest
1.1 Descripción del capítulo
1.2 Razones para utilizar una librería en el lado cliente
1.3 La dependencia de los navegadores
1.4 Navegadores compatibles
1.5 Métodos y propiedades del objeto
1.6 Constructor del objeto XMLHttpRequest
1.7 Peticiones síncronas y asíncronas
1.8 La clase petición AJAX
1.9 Escribir clases en JavaScript
1.9.1 Clases VS Prototipos
1.9.2 Prototype VS encerrar las funciones
1.9.3 Variables públicas VS variables privadas
Capítulo 2: Herramientas de depuración
2.1 Descripción del capítulo
2.2 Instalación
2.3 La consola JavaScript
2.4 Document Object Model inspector (inspector del DOM)
2.5 Venkman(Depurador de Javascript)
2.6 FireBug (Todo lo anterior en uno)
2.6.1 Pestaña de consola
2.6.2 Pestaña de debugger (depurador)
2.6.3 Pestaña del inspector
Capítulo 3: Técnicas de petición de información
3.1 Descripción del capítulo
3.2 Insertar código HTML
3.3 Insertar imágenes usando el DOM
3.4 Insertar código JavaScript
3.5 DOM API
3.6 DOM API e innerHTML enfrentados
3.7 Encapsulación del objeto XMLHttpRequest
3.7.1 Petición de código HTML o texto
3.7.2 Petición de la dirección de una imagen
3.7.3 Petición de código JavaScript y lanzarlo
3.8 Manejo de errores
3.9 Dar soporte al usuario
Capítulo 4: Ejemplos reales de uso para AJAX
4.1 Descripción del capítulo
4.2 La web actual
4.3 Métodos GET, POST y caracteres especiales en Internet
4.3.1 Introducción a los métodos GET y POST
4.3.2 Caracteres especiales
4.3.3 Cambios en la librería para que acepte los 2 métodos
4.3.4 Ejemplo de uso de los métodos GET y POST
4.4 Leer las cabeceras del objeto XMLHttpRequest
4.5 Auto verificación y rendimiento en AJAX
4.6 Pidiendo y analizando documentos XML
4.7 Refrescar la pantalla automáticamente
4.8 Una base de datos creada con el DOM y guardada con AJAX
4.8.1 Crear una tabla dinámicamente
4.8.2 Guardar información de innerHTML usando AJAX
4.9 Dar información dinámicamente utilizando los eventos y el DOM
4.9.1 Ejemplo 1 – Tabla relativa a otra tabla
4.9.2 Ejemplo 2 – Tabla relativa al puntero del ratón
4.10 Auto completado empleando AJAX
Bibliografía

1.- Manual de AJAX - Las entrañas de AJAX 2 edicion 2009.
2.- Ejemplos adjuntos del manual, ManualAJaxSource.rar.
3.- 2 videos instructivos en formato .flv que explica el concepto de AJAX.
4.- 3 videos en formato .flv de un video juego creado con AJAX.