AJAX en Google Code University

Google Code University dentro de sus cursos nos ofrece un tutorial bueno sobre AJAX, ahí encontramos teoría, la forma de como crear el objeto xmlhttprequest y un ejemplo, lo malo es que está en inglés, pero a buen entendedor pocas palabras.

Listas desplegables llenadas dinámicamente (tag select) 3er. Caso con AJAX

Hoy veremos el tercer y último caso, para llenar dinámicamente una etiqueta select (html), como es con AJAX debes conocerlo o tener al menos la idea de como trabaja, más adelante en futuras entradas haré ejemplos básicos de esta tecnología para entenderlo mejor, para los que ya saben les caerá a pelo y espero les guste.

Ajax – XMLHttpRequest – Métodos

abort()
Detiene la petición actual

getAllResponseHeaders()
Devuelve todas las cabeceras como un string

getResponseHeader(x)
Devuelve el valor de la cabecera x como un string

open(‘método’,'url’,'a’)
Especifica el método HTTP (por ejemplo GET o POST), la url objetivo, y si la petición debe ser manejada asíncronamente (Si a=’true’ defecto; No, a=’false’)

send(contenido)
Envia la petición, opcionalmente con datos POST

setRequestHeader(‘x’,'y’)
Configura un par parámetro y valor x=y y lo asigna a la cabecera para ser enviado con la petición

Ajax – XMLHttpRequest – Propiedades

onreadystatechange
Determina que gestor de eventos va a ser llamado cuando la propiedad readyState del objeto cambie.

onreadyState
Número entero que indica el status de la petición:

• 0 = No iniciada
• 1 = Cargando
• 2 = Cargado
• 3 = Interactivo
• 4 = Completado

responseText
Datos devueltos por el servidor en forma de string de texto

responseXML
Datos devueltos por el servidor expresados como un objeto documentado

status
Código status HTTP devuelto por el servidor

statusText
“Phrase reason” HTTP devuelta por el servidor

Ajax – XMLHttpRequest

XMLHttpRequest

Un objeto XMLHttpRequest es una instancia de una API que nos permite la transferencia de datos desde los script del navegador (JavaScript, VBScript, etc ) a los del servidor ( PHP, Perl, Asp, Java , etc ) e inversamente.

Esta es una función rápida en JavaScript para crear una instancia de la clase XMLHttpRequest

function crearXMLHttpRequest() {
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject(“Microsoft.XMLHTTP”);
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}