ajax多次触发，过滤出最后一次的结果

1、取消之前的ajax请求

在ajax请求未响应之前可以用xhr.abort()取消，但如果请求已经到达了服务器端，这样做的结果仅仅是让浏览器不再监听这个请求的响应，但服务器端仍然会进行处理

var searchAjax;
if(searchAjax){
    searchAjax.abort();
    searchAjax == null;
}
searchAjax = $.ajax({});

2、忽略除最近一次之外的所有AJAX响应

创建一个计数器，当您启动AJAX请求时增加计数器，使用计数器的当前值来“戳记”请求，在成功回调中，将标记与计数器进行比较以检查它是否是最近的请求。
代码粗略概述：

var xhrCount = 0;
function sendXHR() {
    // sequence number for the current invocation of function
    var seqNumber = ++xhrCount;
    $.post("/echo/json/", { delay: Math.floor(Math.random() * 5) }, function() {
        // this works because of the way closures work
        if (seqNumber === xhrCount) {
            console.log("Process the response");
        } else {
            console.log("Ignore the response");
        }
    });
}
sendXHR();
sendXHR();
sendXHR();

上面代码虽然触发了三次，但是前面两次请求结果都忽略掉了，第三次才进行了处理。
以上两种方法虽然过滤出了最后一次的请求结果，但是都是浏览器端的，服务器上还是进行了多次请求，治标不治本。还是要多琢磨交互方面的问题，减少重复操作带来的影响。