发送请求后以及等待/下载时间之前流产JS fetch（）

Question

我的问题：

我当前正在尝试将几个fetch（）请求发送到URL，而不必等待服务器的响应。

确切的用例是构建一个小的镀铬扩展名，该扩展增加了外部服务器上的计数器（我没有控制），从而增加了请求。

但是，为了用UX，我想尽快做到这一点。

我尝试的是：

我的第一次尝试是在100毫秒之后取消提取。

这可以通过良好的连接和快速的计算机使用，但是如果我没有两个，则fetch（）中止太早了：请求永远不会发送。

这是我到目前为止的代码：

    let controller = new AbortController();
    let timer = setTimeout(() => controller.abort(), 100);

    await fetch(url, {signal: controller.signal}).catch(err => {
    if (err.name === 'AbortError') {
      }
    });
    clearTimeout(timer);

问题：

有没有办法知道何时提取已通过了该部分的“发送请求”部分，以便我可以在那里中止它？

Answer 1

我正在尝试将多个请求发送到URL，而不必等待服务器的响应。

那就是 sendbeAcon sendbeacon 本来要做的，无需参与fetch。

如果那不符合您的要求，您仍然可以使用fetch和根本不等待响应 - 没有任何迫使您使用等待。

有没有办法知道获取何时通过了获取的“发送请求”部分，以便我可以在那里中止它？

不。无论如何，流产的请求不是正确的解决方案。请注意，即使仅在发送HTTP请求后仅关闭连接时，服务器仍可能会注意到这一点，并且不会在没有可写的目的地进行响应目的地处理请求。

Answer 2

如果您想发送请求但不需要回复正文，则应使用 HEAD 方法发送，这指示服务器仅回复调用的标头而不是正文，因此您可以检查状态或标头包中的内容类型等

尽快发送 10 个请求，然后等待响应

const pending=[];
for(let i=0;i<10:i++)
{
    pending.push(fetch(url, {method:"HEAD"});
}
for(const req of pending){
    const res = await req;
    //check for a 200 code or any other bodyless data
}

，或者如果您真的不关心响应，则无需等待承诺完成，

for(let i=0;i<10:i++)
{
    fetch(url, {method:"HEAD"});
}

中止是在您想要终止时使用的呼叫即使它 @Bergi尚未提及

，如果您只想 ping url，那么您可以使用

navigator.sendBeacon(url) 

，但这将发送一个发布请求，让您对如何处理该请求的控制更少