Бар Прогресс на PushState

Question

Это код:

$.ajax({       
     type: "POST", 
     url: url, 
     xhr: function(e) { 
      //Download progress   
      xhr.addEventListener("progress", function(evt){ 
       console.log(evt.lengthComputable); 
       if (evt.lengthComputable) { 
       var percentComplete = evt.loaded/evt.total; 
       //Do something with download progress 
       console.log(percentComplete); 
       } 
      }); 
      return xhr; 
     }, 
     dataType: "json", 
     success: function(data){ 

     } 
    }); 

Это функция я использую, чтобы получить мой взгляд от Codeigniter. Я хочу показывать индикатор выполнения, пока страница загружается. Однако, когда я помещал XHR в функцию AJAX, все перестает работать. Кто-нибудь есть идея, как я могу заставить его работать с индикатором выполнения.

Спасибо заранее.

Answer 1

Вы пропустили объявление переменной, чтобы ваш код не компилировался.

xhr: function() { 
    var xhr = new window.XMLHttpRequest(); // <<<<<<< missed this variable 
    //Download progress 
    xhr.addEventListener("progress", function (evt) { 
     if (evt.lengthComputable) { 
      var percentComplete = evt.loaded/evt.total; 
      //Do something with download progress 
      console.log(percentComplete); 
     } 
    }, false); 
    return xhr; 
}, 

Обратите внимание, что если evt.lengthComputable ложно, то вы не можете измерить прогресс запроса.