Question

Which is the best way/plugin/method to prevent users launching too many xhr request by clicking many times/sequentially ( :|) on a xhr button?

i’m using jQuery.

Answer 1

This is what I usually do:

$("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)
    }
});