如果需要大量时间加载，如何中止 XMLHttpRequest？

Question

我最近开始使用 XMLHttpRequest。如果请求花费太多时间来给出响应，有没有办法中止请求？和另一个问题，当我提出请求时，为什么我无法在 XMLHttpRequest.onprogress 中执行 console.log？

let xhr = new XMLHttpRequest();
 xhr.onreadystatechange = function () {
       if(this.readyState === 4)
           resolve(something)
}
xhr.onprogress = function () {
   console.log("loading..") // not printing
}

 xhr.open('GET', url);
//headers
xhr.send();

Answer 1

要中止，只需使用xhr.abort() 方法，它将取消您的请求。此外，除非它正在工作，否则您不希望它取消，因此您可以设置一个时间限制，如果未检索到响应，将在该时间限制内执行中止。

还取一个变量isReceived 并将其设置为false。现在，如果收到响应，它将设置为 true，并且不会执行 abort() 方法。否则，如果在期望的时间内没有收到，它将保持为 false 并被中止

let isReceived = false;
let xhr = new XMLHttpRequest();
 xhr.onreadystatechange = function () {
       if(this.readyState === 4)
           isReceived = true;
           resolve(something)
}
xhr.onprogress = function () {
   console.log("loading..") // not printing
   setTimeout(function(){  
     if(!isReceived){
     xhr.abort(); 
    }
   }, 2000);
}

 xhr.open('GET', url);
//headers
xhr.send();