javascript - 中止 XMLHttpRequest 的所有实例

Question

我有这行代码以指定的时间间隔(50 毫秒)调用函数 SigWebRefresh。

tmr = setInterval(SigWebRefresh, 50);

SigWebRefresh 执行XMLHTTPRequest:

function SigWebRefresh(){   
    xhr2 = new XMLHttpRequest();    
    xhr2.open("GET", baseUri + "SigImage/0", true );
    xhr2.responseType = "blob"; 
    xhr2.onload = function (){
        var img = new Image();      
        img.src = getBlobURL(xhr2.response);        
        img.onload = function (){           
           Ctx.drawImage(img, 0, 0);
           revokeBlobURL( img.src );
           img = null;
        }
    }   
    xhr2.send(null);
}

我曾使用 clearInterval 清除使用 setInterval() 方法设置的计时器。

 clearInterval(tmr);    

我想中止所有 XMLHttpRequest 但 xhr2.abort(); 只中止请求的一个实例。如何中止所有未完成的 XmlHttpRequest ？

Answer 1

尝试将每个 xhr2 变量推送到一个数组，利用 Array.prototype.forEach 中止每个存储的 xhr2 变量

var requests = [];

function SigWebRefresh(){   
    xhr2 = new XMLHttpRequest();
    requests.push(xhr2);    
    xhr2.open("GET", baseUri + "SigImage/0", true );
    xhr2.responseType = "blob"; 
    xhr2.onload = function (){
        var img = new Image();      
        img.src = getBlobURL(xhr2.response);        
        img.onload = function (){           
           Ctx.drawImage(img, 0, 0);
           revokeBlobURL( img.src );
           img = null;
        }
    }   
    xhr2.send(null);
}

// abort all requests
requests.forEach(function(request) {
  request.abort()
})