如何在JS中调用无返回的PHP脚本且不等待响应？

我需要在特定场景下调用服务器端PHP脚本。常规实现方式如下：

var xmlHttp = new XMLHttpRequest(); 
xmlHttp.onreadystatechange = function() { 
  if (xmlHttp.readyState == 4 && xmlHttp.status == 200) 
    //some action 
} 
xmlHttp.open("GET", theUrl, true); // true for asynchronous 
xmlHttp.send(null); 

但上述方式会监听readystatechange事件，而我的PHP脚本无需返回任何内容，仅需调用它后就让JavaScript继续执行其他操作，无需等待响应，该如何实现？

这个需求就是典型的「发完即弃（fire-and-forget）」请求场景，我给你几个实用的方案，按推荐程度排序：

1. 使用 navigator.sendBeacon()（最推荐） #

这个API就是专门为这类不需要等待响应的场景设计的——比如上报用户行为、触发后端异步任务，它会在浏览器后台异步发送请求，完全不阻塞当前JS代码的执行，甚至在页面即将卸载时也能尝试完成请求。

示例代码（支持POST请求，可携带数据）：

// 如果需要传递参数，用FormData组织数据（也可以用Blob）
const requestData = new FormData();
requestData.append('user_id', 123);
requestData.append('action', 'trigger_task');

// 发送请求，不需要处理任何回调
navigator.sendBeacon('/your-php-script.php', requestData);

// 这里直接写你的后续逻辑，完全不用等PHP响应
console.log("已经触发PHP脚本，现在继续执行其他操作");
doYourNextTask();

2. 使用Image对象（适合简单GET请求） #

如果只是要发送一个简单的GET请求，用Image对象是最轻量化的方式——不需要复杂的AJAX API，浏览器会自动发送请求，你完全不用关心响应结果：

// 直接创建Image实例并设置src，请求会自动发送
new Image().src = '/your-php-script.php?param1=foo&param2=bar';

// 立即执行后续代码
handleOtherLogic();

注意：这种方式只能发送GET请求，适合参数较少的场景。

3. 简化XMLHttpRequest（保留原API但去掉监听） #

如果你更习惯用XMLHttpRequest，那只需要去掉onreadystatechange事件监听，直接发送请求即可，JS会继续执行后续代码，不会等待响应：

const xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "/your-php-script.php", true);
// 不需要设置任何事件监听
xmlHttp.send(null);

// 直接继续执行你的其他代码
runNextFunction();

后端优化小提示 #

如果你的PHP脚本有耗时操作，可以在脚本开头添加这个响应头，让后端提前关闭连接，不用等待脚本执行完毕：

header("Connection: close");
flush();
// 后面继续执行你的PHP逻辑

内容的提问来源于stack exchange，提问作者Kashyap Kotak