防止多个表单提交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>