2014-11-04 6 views
3

에이 코드입니다. 페이지가로드되는 동안 진행률 표시 줄을 표시하고 싶습니다. 그러나 XHR을 AJAX 기능에 넣으면 모든 작업이 중단됩니다. 누구든지 진행률 표시 줄로 어떻게 실행시킬 수 있을지 생각하는 사람이 있습니까?진행 바 PushState

미리 감사드립니다.

답변

2

코드가 컴파일되지 않도록 변수 선언을 놓쳤습니다.

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이 거짓이면 요청 진행 상황을 측정 할 수 없습니다.

+0

답장을 보내 주셔서 감사합니다. 하나; evt.lengthComputable false가 표시됩니다. 그것이 틀린 원인인지 당신은 어떤 생각을 가지고 있니? –

+1

나는 그것을 만들 수 있었다. 그러나로드가 끝났을 때 나는 결국 엔 1을 얻는다. 진행률 표시 줄은 파일 업로드 및 다운로드를위한 것입니다. –

+0

jQuery 1.9.3 이상에서는이 방법이 효과가 없습니다. 그것은 한 번 이벤트 리스너를 치고 그게 다야. 왜 더 이상 작동하지 않는지 잘 모르겠습니다. –