HTTP 요청의 성공, 실패 및 진행 상황을 모니터링하는 방법

1304 단어
1. 감청 요청 성공:xhr.onload
2. 감청 요청 실패: xhr.onerror
3. 감청 요청 데이터 다운로드 중:xhr.onprogress
xhr.onload = function() {
 var responseText = xhr.responseText;
 console.log(responseText);
 // process the response.
};

xhr.onabort = function () {
  console.log('The request was aborted');
};

xhr.onprogress = function (event) {
  console.log(event.loaded);
  console.log(event.total);
};

xhr.onerror = function() {
  console.log('There was an error!');
};

 
주의:xhr.onprogress는 그 중에서 유일하게 이벤트 매개 변수를 가진 이벤트 감청 속성입니다. e.loaded는 얼마나 많은 데이터를 다운로드했는지, e.total은 데이터 총량을 표시하고, e.lengthComputable는 불러오는 진도를 계산할 수 있는지 표시합니다.

좋은 웹페이지 즐겨찾기