如何防止页面刷新时重新提交表单(F5 / CTRL+R)

我有一个向SQL表提交文本的简单表单。问题在于，在用户提交文本之后，他们可以刷新页面并再次提交数据，而无需再次填写表单。我可以在文本提交后将用户重定向到另一个页面，但我希望用户停留在同一页面上。

我记得我读过一些关于给每个用户一个唯一的会话id，并将其与另一个值进行比较，这解决了我所遇到的问题，但我忘记了它在哪里。

当前回答

使用头和重定向页面。标题(“位置:your_page.php”);您可以重定向到相同的页面或不同的页面。将$_POST插入数据库后取消设置。设置($ _POST);

其他回答

我还想指出，您可以使用javascript方法window.history.replaceState来防止在刷新和返回按钮时重新提交。

<script>
    if ( window.history.replaceState ) {
        window.history.replaceState( null, null, window.location.href );
    }
</script>

这里的概念证明:https://dtbaker.net/files/prevent-post-resubmit.php(链接不再工作)

我仍然推荐Post/Redirect/Get方法，但这是一个新颖的JS解决方案。

为什么不直接使用$_POST['submit']变量作为逻辑语句来保存表单中的任何内容呢?你总是可以重定向到相同的页面(以防它们刷新，当它们在浏览器中点击返回时，submit post变量将不再被设置。只要确保你的提交按钮有一个名称和id提交。

使用头和重定向页面。标题(“位置:your_page.php”);您可以重定向到相同的页面或不同的页面。将$_POST插入数据库后取消设置。设置($ _POST);

基本上，你需要重定向出该页面，但它仍然可以使一个问题，而你的互联网缓慢(重定向头从服务器端)

基本场景示例:

点击提交按钮两次

解决方法

客户端一旦客户端点击它，禁用提交按钮如果你使用Jquery: Jquery.one PRG模式服务器端使用基于差分的哈希时间戳/发送请求时的时间戳。 Userequest令牌。当主进程加载完成时，分配一个临时请求标记，如果重复则忽略该标记。

使用Post/Redirect/Get模式。http://en.wikipedia.org/wiki/Post/Redirect/Get

对于我的网站，我将在cookie或会话中存储消息，在发布后重定向，读取cookie/会话，然后清除该会话或cookie变量的值。

推荐文章