解决网页卸载时，异步请求无法成功的问题_navigator.sendbeacon在卸载的时候发送还是会接收不到-优快云博客

本文链接：https://blog.youkuaiyun.com/zk2012066650/article/details/103528596

本文介绍BeaconAPI如何解决网页卸载时异步请求失败的问题，通过将其从主线程中分离，确保请求能在页面关闭前成功发送。此API适用于发送非阻塞性的HTTP POST请求，如发送数据到服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Beacon API 解决网页卸载时，异步请求无法成功的问题

Beacon接口用于调度对Web服务器的异步和非阻塞请求。beacon请求使用HTTP POST方法，并且请求通常不需要响应。保证请求可以在页面卸载之前被启动，并且可以完全运行，而无需阻塞请求
为了解决网页卸载时，异步请求无法成功的问题，浏览器特别实现了一个 Beacon API，允许异步请求脱离当前主线程，放到浏览器进程里面发出，这样可以保证一定能发出。

window.addEventListener('unload', function (event) {
  navigator.sendBeacon('/message', 'userId=Demon');
});

navigator.sendBeacon()方法可以保证，异步请求一定会发出。第一个参数是请求的网址，第二个参数是发送的数据。数据参数是可选的，并且它的类型可以是ArrayBufferView，Blob，DOMString，或FormData。如果浏览器成功将传递请求放入队列，则该方法返回“ true”，否则返回“ false”。