Buscar en este blog

martes, 4 de diciembre de 2007

AJAX. objeto XMLHttp

Una forma más elegante de crear el objeto AJAX.
La condición if (window.XMLHttpRequest) es la forma mostrada en los otros ejemplos.
En cambio esta de la function AJAX me gusta más.

<script language="javascript">
// Documento JavaScript

// llamamos a que se recarge el contenido del div con ese id_contenedor
// mediante la llamada a la url
function mostrarNuevoContenido(url, id_contenedor) {
var Ajax = new AJAX(url, id_contenedor);
}
// todo es correcto y ha llegado el momento de poner la información requerida
// en su sitio en la pagina xhtml
function cargarpagina (pagina_requerida, id_contenedor)
{
if (pagina_requerida.readyState == 4 && (pagina_requerida.status == 200 || window.location.href.indexOf ("http") == - 1))
document.getElementById (id_contenedor).innerHTML = pagina_requerida.responseText;
}

function AJAX(url, id_contenedor) {


try {
// Si es Mozilla, Safari etc
XMLHttp = new XMLHttpRequest ();
} catch (e) {
try {
XMLHttp = new ActiveXObject ("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttp = new ActiveXObject ("Microsoft.XMLHTTP");
} catch(e) {
XMLHttp = false;
}
}
}


XMLHttp.onreadystatechange = function ()
{
// función de respuesta
cargarpagina (XMLHttp, id_contenedor);
}
XMLHttp.open ('GET', url, true); // asignamos los métodos open y send
XMLHttp.send (null);
}
</script>

1 comentario:

Raúl dijo...

ánimo Mario!!!! me guuuuuusta tu bloz