頁面刷新后如何防止重復提交

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