如何禁用Chrome表单提交时弹出的“离开站点？更改可能未保存”弹窗

这个弹窗是Chrome的beforeunload拦截机制触发的：页面上绑定了beforeunload事件，且浏览器检测到页面存在未保存的用户输入状态，当你触发表单提交导致页面跳转/刷新时，就会弹出该提示。

方案1：提交前清除beforeunload监听（改造成本最低） #

直接在表单提交逻辑前，重置onbeforeunload属性即可绕过提示，修改select标签的onchange属性如下：

<select name="proximID" onchange="window.onbeforeunload = null; this.form.submit(); ">

如果页面的beforeunload监听是通过addEventListener方式注册的，需要先获取绑定的回调函数，执行window.removeEventListener('beforeunload', 绑定的回调函数)移除监听后再提交表单。绝大多数业务场景下直接重置window.onbeforeunload = null即可生效。

方案2：改用异步提交（体验最优） #

把表单提交改成AJAX异步请求，选择选项后不会触发页面刷新跳转，从根源上避免触发beforeunload事件，同时不会打断用户操作，体验比整页刷新更好。

你当前的后端PHP代码有两个严重问题，建议一并修复：

• 存在严重SQL注入漏洞：直接把GET参数拼接进SQL语句，攻击者可任意篡改数据库数据，必须使用PDO预处理绑定参数：

<?php 
if(!empty($_GET['proximID'])) { 
    $stmt6 = $pdo1->prepare("UPDATE proximit SET ProximID = ? ");
    $stmt6->execute([intval($_GET['proximID'])]); // 数字类型参数用intval转义更稳妥
}
?>

• 存在逻辑错误：当前UPDATE语句没有加WHERE条件，执行后会把proximit表中所有记录的ProximID字段都更新为选中值，不符合常规业务逻辑，请根据实际需求补充WHERE筛选条件。

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