Vantana Emergente Javascript

[Alexis88]

Un ejemplo de petición asíncrona (Ajax):

Código Javascript:

var ajax = function(url, salida){
    var xhr = window.XMLHttpRequest ? 
              new XMLHttpRequest() : 
              new ActiveXObject("Microsoft.XMLHTTP") || 
              new ActiveXObject("Msxml2.XMLHTTP");
    
    xhr.open("GET", url, true);
    xhr.onreadystatechange = function(){
        if (xhr.readyState == 4){
            switch (xhr.status){
                case 200:
                    salida.innerHTML = xhr.responseText;
                    break;
                case 404:
                    salida.innerHTML = "La dirección brindada no existe";
                    break;
                default:
                    salida.innerHTML = "Error: " + xhr.status;
                    break;
            }
        }
    };
    xhr.send(null);
};
 
ajax("ejemplo.php?foo=bar", document.getElementById("id_emergente"));
 

Lo que hago es crear una función que realice la petición asíncrona, a la cual le envío la URL que además tendrá el valor a procesar y como segundo argumento, el elemento que usas como ventana emergente. Una vez que obtengas la respuesta de dicha petición, asignas el resultado a la ventana emergente, siendo este como su nuevo contenido.