javascript - 在页面刷新期间调用不同的函数并关闭 javascript

Question

我正在使用 web 套接字创建一个 web 应用程序，它在用户关闭选项卡时我将对服务器进行 API 调用以清除服务器中的用户相关信息，我在 javascript 中使用了 onBeforeUnload 监听器，但此方法也会在页面刷新。

我只需要在选项卡或浏览器关闭期间触发一个方法，而不需要在页面刷新期间触发。

我知道这个问题已经被问过好几次了，一些建议使用 cookie 的解决方案对我来说没有帮助

Answer 1

navigator.sendBeacon() 方法可用于在选项卡关闭时将数据从浏览器发送到服务器。

这是一个例子:

window.addEventListener("unload", function informServer() {
  navigator.sendBeacon("/server-api-to-collect-data", my-data)
})

更多信息:

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon