AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali.

Presentación del tema: "AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali."— Transcripción de la presentación:

1 AJAX Daniel Montenegro Cordero Ingeniería de Sistemas y Computación Pontificia Universidad Javeriana - Cali

2 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

3 Historia 1995 se incorporó Javascript y permitió un HTML interactivo.(Dhtml) 1996 iframe (carga de contenidos asincronos). Atributo “src”. 1998 se desarrolla un componente llamado xmlHttp. 2000 técnica imagen/cookie. Biblioteca “JSRS”. 2001 Microsoft incluye xmlHttp.

4 2002 Javascript On Demand (Javascript bajo demanda). Se remplazó applet Java por XMLHttpRequest. 2003 aparecieron los primeros frameworks de scripting remotos ARSCIF y luego Callbacks. 2005 se utiliza Ajax como término. Fue creado por Jesse James Garrett

5 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.

6 ¿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.

7 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.

8 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.

9 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

10 Arquitectura

11 Comunicación Cliente/Servidor

12 Comunicación AJAX

13

14 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.

15 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.

16