JS关闭页面 关闭当前所有请求

当用户关闭页面时，所有在该页面上进行的请求都会被取消。但是，如果在关闭页面之前有某些请求正在进行中，那么这些请求在后台仍然会继续执行，直到它们完成或失败。如果您希望在用户关闭页面时立即中止所有请求，可以通过编写JavaScript代码来实现这一点。以下是一些例子：

1. window.onbeforeunload事件

可以在窗口关闭之前调用JavaScript函数，向服务器发送一个POST请求，请求取消所有进行中的请求。代码如下：

window.onbeforeunload = function() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('POST', '/cancel_requests', true); 
    xhr.send(); 
}

2. 使用AbortController

在每个请求中创建一个AbortController，并将其作为选项传递给fetch或XMLHttpRequest。在窗口关闭时，调用AbortController的abort()方法来取消所有请求。代码如下：

var abortCtrl = new AbortController(); 
fetch('/data', { signal: abortCtrl.signal }) 
    .then(response => response.json()) 
    .catch(error => console.error(error)); 

window.onbeforeunload = function() { 
    abortCtrl.abort(); 
}

此代码片段创建一个新的AbortController，并将其传递给fetch()方法。在窗口关闭之前，该abort()方法将被调用，以取消所有请求。注意，这种方法仅适用于现代浏览器，因为它需要支持AbortController。

希望这些代码片段对您有所帮助！