如何停止所有ajax请求并接受最新请求？

Question

我有一个像这样的按钮：

<input type="button" id="getresult" value="getresult" />

通过单击此按钮，可以激活一个ajax调用请求。 如果我一直单击该按钮，那么我会收到ajax请求队列，这些请求正在命中服务器并等待响应。 但我想杀死所有这些请求，并希望接受最新的一个请求。

$('#getresult').click(function() {

var parameters = {data1:'value1',data2:'value2'};

$.post("getresult.php",parameters,function(msg){ 
    console.log(msg);
},'json');

});

我尝试了xhr.abort（）; 通过将请求分配给此变量。 但是每当我单击按钮时，它都会中止所有请求。 我无法获取最新请求。 例如 如果我单击按钮6次，那么将生成6请求，那么我想取消5前一个请求，并希望继续执行第6个请求。

这是小提琴： http : //jsfiddle.net/s4pbn/308/

Answer 1

禁用按钮，并在请求完成后将其重新启用：

$('#getresult').click(function () {
    this.disabled = true;
    var parameters = {
        data1: 'value1',
        data2: 'value2'
    };

    $.post("getresult.php", parameters, function (msg) {
        console.log(msg);
    }, 'json').always(function () {
        this.disabled = false;
    }.bind(this));
});

编辑：

我无法禁用该按钮。 有一些限制。

真的不确定为什么，然后尝试：

$('#getresult').click(function () {
    if (this.pendingRequest) this.pendingRequest.abort();
    var parameters = {
        data1: 'value1',
        data2: 'value2'
    };

    this.pendingRequest = $.post("getresult.php", parameters, function (msg) {
        console.log(msg);
        this.pendingRequest = null;
    }, 'json');
});

但是请注意，这只是停止客户端浏览器来侦听先前的请求响应，而不是服务器来处理任何先前的响应。 第一种方法是更好的恕我直言。