AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali
Introducción Asynchronous JavaScript And XML (JavaScript asíncrono y XML)JavaScriptXML Técnica de desarrollo web para crear páginas web de manera rápida y dinámica. Conocimientos previos: HTML/XHTML, CSS, JavaScript /DOM
Historia 1995 se incorporó Javascript y permitió un HTML interactivo.(Dhtml) 1996 iframe (carga de contenidos asincronos). Atributo “src” se desarrolla un componente llamado xmlHttp técnica imagen/cookie. Biblioteca “JSRS” Microsoft incluye xmlHttp.
2002 Javascript On Demand (Javascript bajo demanda). Se remplazó applet Java por XMLHttpRequest aparecieron los primeros frameworks de scripting remotos ARSCIF y luego Callbacks se utiliza Ajax como término. Fue creado por Jesse James Garrett
Clave de AJAX XMLHttpRequest. Http GET y POST. Microsoft Internet Explorer. Web Access al Microsoft Outlook. Adaptado como un estándar por la W3C. XMLHttpRequest es implementado por todos los navegadores.
¿Qué es? Es una técnica de desarrollo web que nos permite crear aplicaciones interactivas. Permite una conexión asíncrona entre cliente y servidor en un segundo plano. Por lo tanto, podemos realizar cambios sin necesidad de recargar la página.
Beneficios Acelera el desarrollo de interfaces Web. Mayor interactividad. Reduce peticiones a la BD. Proceso de información local. Mejora la velocidad y la usabilidad de las aplicaciones.
AJAX… Presentación basada en estándares usando XHTML y CSS. Presentación dinámica en pantalla e interacción usando el Document Object Model Intercambio y manipulación de datos usando XML y XSLT. Recuperación asíncrona de datos usando XMLHttpRequest. JavaScript enlazándolo todo.
Tecnologías Utiliza Javascript para sus funciones. Utiliza XMLHttpRequest para el acceso a los datos. Combina además tecnologías como: – HTML/CSS – DOM – PHP – XML – JSON – EBLM
Arquitectura
Comunicación Cliente/Servidor
Comunicación AJAX
Instalación Las aplicaciones en AJAX son independientes del buscador y de la plataforma. Necesitas un buscador que corra Javascript. Servidor solo recibirá peticiones GET.
Ejemplo Mi ejemplo va ser un pequeño formulario en html que tenga dos campos ciudad y departamento, los cuales serán listas desplegables. Estos datos estarán en una base de datos en mi servidor web (koding.io). La idea es seleccionar un departamento y que por medio de AJAX me traiga las ciudades asociadas a ese departamento.