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>

Comentarios

Publicar un comentario

Entradas populares de este blog

PHP. módulo de un "long". Calcular dígito control de IBAN.

HTML div organizar contenido