原文地址：https://mp.weixin.qq.com/s/-moAfEZicrFmun4qfWLdOQ

簡單示例js：

var data = JSON.stringify({
  name: ‘Berwin‘
});
navigator.sendBeacon(‘http://localhost:80/index.php‘, data)

簡單php示例：

由於是新標發送的數據是 "text/plain" 數據類型，所以用$GLOBALS[‘HTTP_RAW_POST_DATA‘]接受，由於它本來就是字符串，所以可以直接使用。

如果是GET請求，則需要用 json_encode($_REQUEST) 轉換一下才可以使用示例中的WriteLog方法。

<?php 

header(‘Access-Control-Allow-Origin:*‘);
header(‘Access-Control-Allow-Headers:x-requested-with,content-type‘); 

function WriteLog($msg,$module = null,$logLevel = "DEBUG")
{
    $filepath = "./log/";
    if(!is_dir($filepath)) mkdir($filepath,‘0777‘);
    $MyLogFile = @fopen($filepath.date
 
("Y-m-d").".txt",‘a+‘);

    $time = date("Y-m-d H:i:s");
    if(isset($module)){$module =  sprintf("\r\n歸屬模塊：".$module."\r\n");}
    $logLine = "\r\n-------------------------------  $time -------------------------------\r\n";
    $logLine .= $module;
    $logLine .= "\r\n異常信息：$msg\r\n";
    $logLine
 
 .= "\r\n錯誤等級：$logLevel\r\n";
    fwrite($MyLogFile,$logLine);
}

WriteLog($GLOBALS[‘HTTP_RAW_POST_DATA‘]);

溫故而知新 前端日誌上傳新姿勢 navigator.sendBeacon（信標）