首页 分类
阿荡的博客

sendBeacon JSON Data

创建时间:2023-05-16

更新时间:20 小时前

navigator.sendBeacon(url, data)这个方法主要用于在卸载(unload)文档之前向 Web 服务器发送数据,是一个 POST 方法。

里面的data参数是可选的,类型为 ArrayBuffer、ArrayBufferView、Blob、DOMString、FormData 或 URLSearchParams。

如果服务器暴露的接口处理的是 JSON 格式的数据,发起请求时需要设置请求头 content-type=application/json

可以通过 Blob 间接为navigator.sendBeacon方法设置请求头:

const data = { key: "value" };
const headers = {
  type: "application/json",
};
const blob = new Blob([JSON.stringify()], headers);
navigator.sendBeacon(`/api`, blob);