防止多個表單提交jquery

Question

我正在構建一個 web 應用程序，我正在使用 jquery 提交一個表單，如果我第一次點擊提交按鈕，它會sub！它一次，如果我在第一個表單提交后第二次點擊它，它將提交兩次，如果我可以第三次點擊它，它將提交 3 次，依此類推，請問我將如何防止它。 不是在談論禁用提交按鈕，如果我應該重新加載頁面，如果它重置提交

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

Answer 1

這是一個經典的例子。 基本上，您想要做什么，在您的提交方法中，您想在調用 ajax 之前禁用提交按鈕。 ajax 完成后，您將有 2 個結果，成功或錯誤。 在這兩種情況下，您都希望啟用提交按鈕。

 function buttonSubmit() { let buttonSelector = event.srcElement; buttonSelector.disabled = true; $.post({ url: "your-api", data: { someData: "kjfgkdjfglkdf" }, success: function (result) { // handle your success, do stuff buttonSelector.disabled = false; }, error: function (response) { // handle your error, do stuff buttonSelector.disabled = false; } }); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" onclick="buttonSubmit()">Click Me!</button>