技术咨询：能否在用户刷新页面时强制表单提交？附实现代码

首先直接说结论：你的想法理论上能尝试，但实际几乎没法稳定生效，而且还有不少潜在问题，我给你拆解下：

为什么你的当前代码不可靠？ #

浏览器对beforeunload事件的执行有严格限制——这个事件的设计初衷是让开发者提醒用户“有未保存的更改”，而不是偷偷执行操作。当你在这个事件里调用form.submit()时，浏览器很可能会在表单请求完成前就直接卸载页面，导致提交请求被中断，数据根本传不到服务器。

另外你的HTML代码还有个安全隐患：value=<?php echo '"' . $_POST["username"] . '"'?> 这种写法没有对用户输入做转义，如果username里包含引号、尖括号这类特殊字符，会直接破坏HTML结构，甚至引发XSS攻击。正确的写法应该用htmlspecialchars转义输出：

<input style="display:none" type="text" name="username" value="<?php echo htmlspecialchars($_POST['username'] ?? ''); ?>" />

更可靠的替代方案：使用navigator.sendBeacon() #

如果需要在用户离开页面（刷新/关闭）时保存数据，目前最靠谱的方式是用浏览器专门提供的navigator.sendBeacon() API。它的设计目的就是处理这种页面卸载时的后台数据发送，浏览器会把请求加入后台队列，即使页面已经开始卸载，也会尽量保证请求发送完成。

修改后的代码示例：

JS代码 #

window.addEventListener('beforeunload', function(event) {
  // 收集表单里的所有数据
  const formData = new FormData(document.getElementById('userpass'));
  // 用sendBeacon发送到服务器
  navigator.sendBeacon('savestarter.php', formData);
});

HTML代码（修正安全问题后） #

<form style="position:relative; width:100%" id="userpass" action="savestarter.php" method="post">
  <input style="display:none" type="text" name="username" value="<?php echo htmlspecialchars($_POST['username'] ?? ''); ?>" />
</form>

注意事项 #

1. sendBeacon只能发送POST请求，且不需要处理响应（浏览器不会等待服务器返回结果）；
2. 即使是这个API也不能100%保证请求成功——比如用户直接强制关闭浏览器进程、网络突然中断等极端情况还是会失败，但这已经是目前能做到的最稳定的方案了；
3. 服务器端的savestarter.php需要正常处理POST请求，接收FormData格式的数据即可，和处理普通表单提交逻辑一致。

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