Czy w IE występuje zdarzenie postępu AJAX i jak z niego korzystać?

Question

Próbowałem wszystkiego, co mogłem wymyślić, aby przynajmniej dostać się do funkcji postępu w IE9, ale nic nie działa. Wszystkie pozostałe przeglądarki uzyskują dostęp do funkcji postępu i bez problemu testują tekst testowy. Mam nadzieję, że ktoś może mi pomóc. Dziękuję Ci!

 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

Impreza onprogress jest częścią XMLHttpRequest Level 2 specyfikacji ...

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

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

... który nie jest obsługiwany przez IE 9 i poniżej. Jednakże, IE 10 ma go wspierać ...

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

Aby uzyskać więcej informacji, na których przeglądarek obsługuje XHR Level 2, przyjrzeć caniuse.com ...

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

Answer 2

IE9 i under nie obsługują onprogress, dlatego nie można go uruchomić.

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

Answer 3

można użyć zdarzenia onreadystatechange i wyświetlania wiadomości. Po prostu sugeruję to jako obejście.

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

Dodawanie do listy sugestii, jeśli JQuery jest używany w projekcie. Można to osiągnąć za pomocą poniższych funkcji i oczywiście musi to być żądanie .ajax JQuery $. Zaletą tych bibliotek klientów jest to, że mają obiekty tworzone na podstawie przeglądarek. Na przykład: JQuery zajmuje się "ActiveXObject (" Msxml2.XMLHTTP ")" lub "ActiveXObject (" Microsoft.XMLHTTP ")" na podstawie przeglądarki.

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