Ajax调用阻止大量请求调用

Question

哪种方法/插件/方法可以阻止用户在xhr按钮上多次/顺序点击（：|）来阻止用户启动过多的xhr请求？

我正在使用jQuery。

Answer 1

这就是我通常做的事情：

$("button").click(function(e){
    var $this = $(this);
    if(!$this.data("ajaxCall")){
        var xhr = $.ajax({
            options here,
            complete: function(){
                $this.removeData("ajaxCall");
            }
        });
        $this.data("ajaxCall", xhr)
    }
});

Answer 2

您可以在函数开头删除click事件，然后再添加click事件。

Answer 3

您可以停用按钮。

$('.someElement').attr('disabled', 'disabled');