Tema de Exposicin

Ajax
Que es Ajax?
Ajax es una tecnologa asncrona, en el sentido de que los datos adicionales se
solicitan al servidor y se cargan en segundo plano sin interferir con la
visualizacin ni el comportamiento de la pgina
Ajax no es un conjunto de tcnicas que se usan para lograr un objetivo y se
basa en lenguajes ya existentes como JavaScript
Un esquema para
observar como
funciona Ajax
VENTAJAS DE AJAX
Las ventajas que proporciona Ajax son varias:
a) No es necesario recargar y redibujar la pgina web completa, con lo
que todo es ms rpido.
b) El usuario no percibe que haya demoras: est trabajando y al ser las
comunicaciones en segundo plano no hay interrupciones.
c) Los pasos que antes poda ser necesario dar cargando varias pginas
web pueden quedar condensados en una sola pgina que va cambiando
gracias a Ajax y a la informacin recibida del servidor.
INCONVENIENTES DE AJAX
a) El desarrollo de aplicaciones web se puede volver ms complejo.

b) Existen problemas y restricciones de seguridad relacionados con el uso de Ajax.

c) La indexacin para los motores de bsqueda se ve dificultada.

MEJOR USAR O NO USAR AJAX?
Como todo, hay que usar las cosas en su justa medida. Ajax bien usado puede ser
muy til para una pgina web. Ajax mal usado puede ser un desastre para una
pgina web.
Lo bueno de Ajax
AJAX eliminan la recarga constante de pginas mediante creacin de un elemento
intermedio entre el usuario y el servidor

El usuario ya no se encuentra con una ventana del navegador vaca esperando la

respuesta del servidor.

Las peticiones HTTP al servidor se sustituyen por peticiones JavaScript que se

realizan de forma asncrona al elemento encargado de AJAX.
TIPO DE RESPUESTA
Documento XML
Texto
Procesado en el cliente
Mostrado directamente

JavaScript
Evaluado en JavaScript mediante eval()
JSON JavaScript Object Notation
Es un formato ligero para el intercambio de datos
Es un subconjunto de la notacin literal de objetos de JavaScript pero no requiere el uso
de JavaScript
Mtodos de XMLHttpRequest
open("method", "URL", syn/asyn): Asigna la URL de destino, el mtodo y otros parmetros
opcionales de una peticin pendiente.
send(content): Enva la peticin, opcionalmente se puede enviar una cadena de texto o un objeto
DOM
abort(): Detiene la peticin actual
getAllResponseHeaders(): Devuelve todas las cabeceras de la respuesta como pares de etiqueta
y valores en una cadena
getResponseHeader("headerLabel"): Devuelve el valor de una cabecera determinada

setRequestHeader("label", "value"): Asigna un valor al par label/value para la cabecera enviada.

Propiedades de XMLHttpRequest
onreadystatechange: El manejador del evento llamado en cada cambio de estado del objeto.
readyState: Indica el estado del objeto o la peticin
0 = sin inicializar
1 =cargando
2 = fin de la carga
3 = actualizando la informacin recibida
4 = Operacin completada

status: Estado HTTP devuelto por el servidor 404 si la pgina no se encuentra 200 si todo ha
ido bien
Propiedades de XMLHttpRequest
responseText: Cadena de texto con los datos devueltos por el servidor.

esponseXML: Objeto DOM devuelto por el servidor.

statusText: Respuesta del servidor asociada al status (mensaje de texto) .

Funcionamiento de AJAX
Usuario provoca un evento
Se crea y configura un objeto XMLHttpRequest
El objeto XMLHttpRequest realiza una llamada al servidor
La peticin se procesa en el servidor
El servidor retorna un documento XML que contienen el resultado
El objeto XMLHttpRequest llama a la funcin callback() y procesa el resultado
Se actualiza el DOM de la pgina asociado con la peticin con el resultado devuelto
USOS DE AJAX
Validacin de datos de formularios en tiempo real
Identificadores de usuario, n de serie, cdigos postales u otro cdigo especial que necesite
validacin en el lado del servidor antes de ser enviado el formulario.
Autocompletado
Direcciones de correo, nombres, ciudades
Operaciones de detalle
Obtener informacin ms detallada de un producto
GUI avanzadas
Controles en rbol, mens, barras de progreso
Refresco de datos
Notificaciones del servidor
USOS DE AJAX
Actualizar o eliminar registros
Expandir formularios web
Devolver peticiones simples de bsqueda
Editar rboles de categoras
 http://www.monografias.com/trabajos106/introduccion-ajax/introduccion-
ajax2.shtml
GRACIAS