AJAX
Conceptos y fundamentos básicos
Patrones de Ajax
Ejemplos prácticos.
Librerías estándares
AJAX (Asynchronous JavaScript And XML)
AJAX no es una tecnología. Es realmente muchas tecnologías, cada una floreciendo por su propio mérito, uniéndose en poderosas nuevas formas. AJAX incorpora:
Presentación basada en estándares usando XHTML y CSS;
Exhibición e interacción dinámicas usando el Document Object Model;
Intercambio y manipulación de datos usando XML y XSLT;
Recuperación de datos asincrónica usando XMLHttpRequest;
Y JavaScript poniendo todo junto.
Modelo clásico de aplicaciones Web
Servidor
Bases de datos
Navegador
Interfaz de usuario
Servidor Web
(Gp:) Solicitud
HTTP
(Gp:) Datos
HTML + CSS
Modelo clásico de aplicaciones Web
Servidor
(Gp:) Solicitud
HTTP
(Gp:) Datos
HTML + CSS
Bases
datos
http://cv1.cpd.ua.es/WebCv/CtrlZonaPersonal/LoginCv.asp
http://cv1.cpd.ua.es/WebCv/
Modelo AJAX de aplicaciones Web
Servidor
Bases de datos
Navegador
Interfaz de usuario
Servidor Web / XML
(Gp:) Javascript
(Gp:) Datos
HTML + CSS
Motor AJAX
(Gp:) Solicitud
HTTP
(Gp:) Datos
XML
Modelo AJAX de aplicaciones Web
Servidor
(Gp:) Solicitud
HTTP
(Gp:) Datos
XML
Bases
datos
http://maps.google.es/
¿Dónde utilizar AJAX?
Comunicación rápida entre usuarios
Interacción a través de formularios
Votaciones, encuestas, valoraciones, etc.
Filtrado y manipulación de datos o resultados de búsqueda
Autocompletado de campos de texto usados comúnmente
¿Dónde no utilizar AJAX?
Envíos a través de formularios simples
Búsquedas
Navegación básica
Reemplazar grandes cantidades de texto
Manipulación de la interfaz
Validación de usuarios
¿Dónde vamos a utilizar AJAX?
Traer contenido al pulsar determinados enlaces
Mini álbum de fotos
Desplegables de edificios-localizaciones
Buscador sencillo
Sugerir valores para un campo
Paginar resultados
Navegar por directorios (DHTML)
Editar campos no editables y actualizar contenido (DHTML)
Ejemplo modelo clásico de aplicaciones Web
Formulario de identificación
http://127.0.0.1/ajax/mod_clas_form1.html
Validación simple de datos
http://127.0.0.1/ajax/mod_clas_valid1.asp
Ejemplo modelo clásico de aplicaciones Web
Formulario de identificación
http://127.0.0.1/ajax/mod_clas_form2.html
El objeto XMLHttpRequest
El objeto XMLHttpRequest nos permite la transferencia de datos en formato XML desde los script del navegador ( JavaScript, JScrip, VBScript, etc.) a los del servidor (PHP, ASP, etc.) e inversamente.
Página siguiente  |