C'è un evento di avanzamento AJAX in IE e come utilizzarlo?

Question

Ho provato tutto quello che potevo pensare per arrivare almeno alla funzione di avanzamento in IE9 ma non funziona. Tutti gli altri browser entrano nella funzione di avanzamento e scrivono testo di test senza problemi. Spero che qualcuno possa aiutarmi. Grazie!

 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

L'evento onprogress fa parte del XMLHttpRequest Livello 2 spec ...

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

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

... che non è supportato da IE 9 e sotto. Tuttavia, IE 10 dovrebbe sostenerla ...

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

Per ulteriori informazioni su quali browser sostegno XHR Livello 2, date un'occhiata a caniuse.com ...

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

Answer 2

IE9 e sotto non supportano onProgress, quindi, perché non è possibile farlo funzionare.

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

Answer 3

È possibile utilizzare l'evento onreadystatechange e visualizzare il tuo messaggio. Sto solo suggerendo come soluzione.

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

Aggiunta all'elenco di suggerimenti, se JQuery viene utilizzato nel progetto. Può essere ottenuto con le seguenti funzioni e naturalmente, deve essere richiesta JQuery $ .ajax. Il vantaggio di queste librerie client è che gli oggetti sono istanziati in base ai browser. Ad esempio: JQuery si occupa di "ActiveXObject (" Msxml2.XMLHTTP ")" o "ActiveXObject (" Microsoft.XMLHTTP ")" basato sul browser.

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