Contacta (+34) 622 045 404

Estudio de desarrollo front-end, maquetación web, diseño y programación WordPress freelance.

Fundado por Alberto Fortes, diseñador y maquetador web HTML5 responsive design, front-end developer JavaScript y programador WordPress freelance a medida desde 2006.

Especializados en outsourcing con importantes clientes finales.

Script de AJAX

12 Diciembre, 2007

Pues como hace tiempo que no escribo nada, no estoy de humor, dejo algo útil, aunque nada original, se trata de un script para hacer llamadas en AJAX de sólo 978bytes, y que emula al new Ajax.Updater de prototype en su orden.
El funcionamiento es:

onclick=”javascript:Ajax(‘id_contenedor’, ‘url_pagina’);”

Y el código javascript al que hay que enlazar es este:

// AJAX:
// http://fortesyebenes.local/2016/albertofortes-2016
// javascript:Ajax('id_contenedor', 'url_pagina');

function Ajax (id_contenedor, url)
{
    var peticion = false;
    if (window.XMLHttpRequest)	{
        peticion = new XMLHttpRequest ();
    } 
	else if (window.ActiveXObject)	{ //si explorer
        try {
            peticion = new ActiveXObject ("Msxml2.XMLHTTP");
        }
        catch (e)   {
            try {
                peticion = new ActiveXObject ("Microsoft.XMLHTTP");
            }
            catch (e) {
            }
        }
    } 
    else
    return false;
    peticion.onreadystatechange = function ()    {
       updater (id_contenedor, peticion);
    }
    peticion.open ('GET', url, true);
    peticion.send (null);
}

function updater (id_contenedor, peticion)
{
    if (peticion.readyState == 4 && (peticion.status == 200 || window.location.href.indexOf ("http") == - 1))
    document.getElementById (id_contenedor).innerHTML = peticion.responseText;
}

¡Hala, a copypastearlo!