页面刷新后如何防止重复提交

Question

我有一个“联系我们”的 html 表单，我会为每个点击提交的成员赠送礼物。 我想确保用户不会提交两次（使用不同的姓名和电子邮件）。 单击后我可以禁用该按钮，但是防止页面刷新后提交的最佳解决方案是什么？ 谢谢

Answer 1

是直接从您的POST重定向到GET请求或页面。 如果他/她刷新，它将刷新其他页面。 这被命名为 Redirect After Post，您可以 在此处和WikiPedia 中阅读有关它的更多信息

可以在此处找到示例。

Answer 2

有两件事你可以做，你应该做。

1. 一旦您的客户提交包含有效信息的表单，首先禁用Submit按钮。 以免他/她不小心在表单中发送重复信息。
2. 其次，哪个更重要。 在您将此信息保存在您的数据库中之前，无论是 MySQL、MongoDB 还是其他。您执行查询以检查用户提供的信息是否已经存在于您的数据库中。 如果没有，则继续执行，但如果确实如此，您可以根据您的业务逻辑对用例场景进行错误处理。

Answer 3

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

见https://stackoverflow.com/a/45656609/1066234