navigator.sendBeacon使用说明

• MDN文档

• W3C

使用方式

• 发送 blob data

var data = { ajax_data: 22 };
// 只能 添加 type 字段，无法添加其它内容
var blob = new Blob([JSON.stringify(data)], {type : 'application/json'});

// Content-Type  application/json 
navigator.sendBeacon('ajax.php', blob);

• 发送 formdata

var fd = new FormData();
fd.append('ajax_data', 22);
navigator.sendBeacon('ajax.php', fd);

• 发送 get 请求

var params = new URLSearchParams({ ajax_data: 22 })
navigator.sendBeacon('ajax.php', params);

sendBeacon 特点

• 不占用请求 （请求优先级低）
• 不能自定义 header 头
• 不能获取请求的结果（不知道请求是否成功，一直会显示 200 ）
• 不支持 IE