navigator.sendBeacon()异步发送数据给服务器

navigator.sendBeacon() 是 JavaScript 中的一个方法，用于异步发送数据给服务器。它可以在页面卸载之前（例如关闭页面或导航到其他页面）发送数据，而无需阻塞页面的卸载或延迟导航。

该方法的语法如下：

navigator.sendBeacon(url, data);

参数说明：

• url：表示要发送数据的目标 URL。
• data：表示要发送的数据，可以是字符串、ArrayBuffer、ArrayBufferView 或 Blob 对象。

navigator.sendBeacon() 方法将数据异步发送给服务器，并且不会等待服务器响应。通常用于发送分析数据、日志记录或其他类似的数据，以确保在页面关闭时仍然能够成功发送。

需要注意的是，navigator.sendBeacon() 方法在一些浏览器中可能存在限制，例如在某些情况下可能会限制数据大小或仅在安全上下文中才能使用。因此，在使用该方法时，建议进行兼容性测试和适当的错误处理。

以下是一个示例，演示如何使用 navigator.sendBeacon() 方法发送数据：

const data = {
  event: 'click',
  timestamp: Date.now(),
  // 其他数据字段...
};

const url = 'https://example.com/analytics'; // 目标服务器 URL

const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });

navigator.sendBeacon(url, blob);

上述示例中，我们将一个包含事件数据的 JSON 对象转换为 Blob 对象，并使用 navigator.sendBeacon() 方法将数据异步发送到目标服务器的指定 URL。