如何用JavaScript/jQuery重载页面并清除PHP $_POST数据？

这个问题很常见，我来给你拆解下原因和对应的解决办法：

首先，为什么用location.reload()会保留POST数据？因为这个方法的默认行为是模拟用户手动点击浏览器的刷新按钮——如果当前页面是通过POST请求加载的，浏览器会尝试重新发送相同的POST请求，所以会带着之前的表单数据，甚至有些浏览器会弹出“确认重新提交表单”的提示框。

要实现重载页面时不保留POST数据，你可以用以下几种前端方法：

方法一：用location.href跳转当前页面 #

这是最简单的方式，它会发起一个新的GET请求加载当前页面，不会携带任何POST数据：

location.href = location.href;

这种方法会在浏览器历史记录中新增一条记录，用户点击后退按钮会回到之前的POST提交页。

方法二：用location.replace()跳转当前页面 #

如果你不想在历史记录中留下这次刷新的记录，可以用replace()方法，它会替换当前的历史条目：

location.replace(location.href);

这种情况下，用户点击后退会直接回到POST提交之前的页面，而不是刷新后的页面。

额外建议：后端采用PRG模式（Post/Redirect/Get） #

如果你的场景是表单提交后需要刷新页面，更优雅的方案是在后端实现PRG模式：当用户提交POST请求后，后端处理完数据，立即重定向（3xx状态码）到一个GET请求的页面。这样用户即使刷新页面，也只会发送GET请求，不会重复提交表单，从根源上避免了POST数据残留的问题。

举个简单的PHP示例（后端逻辑）：

// 处理POST提交
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 处理表单数据...
    // 重定向到当前页面（GET请求）
    header('Location: ' . $_SERVER['PHP_SELF']);
    exit;
}

这样不管用户怎么刷新，都是GET请求，不会携带之前的POST数据。

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