Problema con estado 1 en loader

[Alexis88]

Tuve un problema similar elaborando mi función Ajax, pero lo resolví retrasando la ejecución de la respuesta del servidor. Lo que sucede es que la respuesta es tan rápida, que no alcanza el tiempo para que aparezca el gif de carga, pero si retrasas las instrucciones que se ejecutan cuando recibes la respuesta, podrás ver el gif.

Código Javascript:

if (xmlhttp.readyState < 4) {
    document.getElementById("carga1").innerHTML = "<img src='imagenes_menu/ajax-loader4.gif' align='center' /><br />Cargando..."; 
}
else {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        setTimeout(function() {
            var xml = xmlhttp.responseXML;
            dato = xml.getElementsByTagName("datos");
            if (dato[0].firstChild.nodeValue == "1") {
                num_user = xml.getElementsByTagName("numusuario");
 
                document.getElementById("movil").value = xml.getElementsByTagName("movil")[0].firstChild.nodeValue;
                document.getElementById("calle").value = xml.getElementsByTagName("calle")[0].firstChild.nodeValue;
                document.getElementById("dni").value = xml.getElementsByTagName("dni")[0].firstChild.nodeValue;
                document.getElementById("name").value = xml.getElementsByTagName("name")[0].firstChild.nodeValue;
                document.getElementById("edificio").value = xml.getElementsByTagName("edificio")[0].firstChild.nodeValue;
                document.getElementById("numero").value = xml.getElementsByTagName("numero")[0].firstChild.nodeValue;
                document.getElementById("puerta").value =xml.getElementsByTagName("puerta")[0].firstChild.nodeValue;
                document.getElementById("piso").value = xml.getElementsByTagName("piso")[0].firstChild.nodeValue;
                document.getElementById("letra").value = xml.getElementsByTagName("letra")[0].firstChild.nodeValue;
                document.getElementById("localidad").value = xml.getElementsByTagName("localidad")[0].firstChild.nodeValue;
                document.getElementById("provincia").value = xml.getElementsByTagName("provincia")[0].firstChild.nodeValue;
                document.getElementById("email").value = xml.getElementsByTagName("email")[0].firstChild.nodeValue;
            }
            
            if(dato[0].firstChild.nodeValue=="0")
                envia();
        }, 1500);
    }
}
 

Con el método setTimeout, retraso 1500 milisegundos o 1.5 segundos, la ejecución de las instrucciones que ocurrirán cuando se reciba la respuesta del servidor.

Saludos