javascript - 确保 ajax 请求不会被多次触发

Question

我正在开发一个简单的表单页面，我想知道如果有人多次单击提交按钮会发生什么(万一我的共享主机当时似乎很慢)。

此外，以防有人想查看我的代码

$.ajax({
    url: "submit.php",
    type: 'POST',
    data: form,
    success: function (msg) {
        $(".ressult").html("Thank You!");
    },
    error: function () {
        $(".result").html("Error");
    }
});

有没有办法让用户单击一次后，在第一次单击完成之前不会再次运行它？

谢谢

Answer 1

您可以使用 jQuery 的 .one()功能:

(function handleSubmit() {
    $('#submitBtn').one('click', function() {
        var $result = $('.result');
        $.ajax({
            url: 'submit.php',
            type: 'POST',
            data: form,
            success: function (msg) {
                $result.html('Thank You!');
                handleSubmit(); // re-bind once.
            },
            error: function () {
                $result.html('Error');
            }
        }); // End ajax()
    }); // End one(click)
}()); // End self-invoked handleSubmit()

*编辑:*添加了多次提交的递归。