¿Hay un evento de progreso AJAX en IE y cómo usarlo?

Question

Intenté todo lo que pude pensar para al menos llegar a la función de progreso en IE9 pero nada funciona. Todos los demás navegadores entran en la función de progreso y escriben el texto de prueba sin ningún problema. Espero que alguien pueda ayudarme. ¡Gracias!

 var info = document.getElementById('info'); 
    var xhr; 
     if (window.XMLHttpRequest) { 
      xhr = new XMLHttpRequest(); 
     } 
     else if (window.ActiveXObject) { 
      try { 
       xhr = new ActiveXObject("Msxml2.XMLHTTP"); 
      } 
      catch (e) { 
       try { 
        xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
       } 
       catch (e) {} 
      } 
     } 
     xhr.attachEvent("onprogress", function(e) { 
      info.innerHTML += "loading...<br />"; 
     }); 

     /*xhr.addEventListener("progress", function(e) { 
      info.innerHTML += "loading...<br />"; 
     }, false);*/ 

     xhr.open("GET", "10_MB_File.txt", true); 
     xhr.send(null); 

Answer 1

El evento onprogress es parte de la especificación XMLHttpRequest Nivel 2 ...

• http://www.w3.org/TR/XMLHttpRequest2/

• http://www.w3.org/TR/XMLHttpRequest2/#event-handlers

... que no está soportada por IE 9 y abajo. No obstante, es decir, 10 se supone que apoyarlo ...

• http://msdn.microsoft.com/en-us/library/ie/hh673569(v=vs.85).aspx#Enhanced_Event_Support

Para obtener más información sobre la que los navegadores son compatibles XHR Nivel 2, echar un vistazo a caniuse.com ...

• http://caniuse.com/#feat=xhr2

Answer 2

IE9 y anteriores no son compatibles con el progreso, por lo que no se puede conseguir que funcione.

var xhr = new XMLHttpRequest(); 
console.log('onprogress' in xhr); 

Answer 3

Se podría utilizar el evento onreadystatechange y mostrar su mensaje. Solo lo sugiero como una solución.

xhr.onreadystatechange=function() { 
    if (xhr.readyState != 4) { 
     // Display a progress message here. 
    } else if (xhr.readyState==4 && xhr.status==200) { 
     // Request is finished, do whatever here. 
    } 
} 

Answer 4

Agregando a la lista de sugerencias, si se utiliza JQuery en su proyecto. Se puede lograr con las funciones a continuación y, por supuesto, debe ser una solicitud JQuery $ .ajax. La ventaja de estas bibliotecas cliente es que tienen objetos creados en base a navegadores. Por ejemplo: JQuery se ocupa de "ActiveXObject (" Msxml2.XMLHTTP ")" o "ActiveXObject (" Microsoft.XMLHTTP ")" basado en el navegador.

//displays progress bar 
$('#info').ajaxStart(function() { 
    $(this).show(); 
}).ajaxStop(function() { 
    $(this).hide(); 
});