使用 jQuery 停止未完成的 Ajax 请求

Question

我正在我的网站 (rails) 上实现实时搜索功能。每次有按键时，我都会提交表单。但如果用户键入多个字符，则会向服务器发送多个搜索请求。我想知道是否有办法停止以前的（未处理的）请求。我只想成功处理最后一个请求。

我知道有一个 abort() 方法可以中止一个 ajax 请求，但是我不再控制之前的请求，所以我不能调用 abort。也许我在这里做错了什么。

有人吗？

谢谢

普尼特

Answer 1

没有办法使用 jQuery 停止 Ajax 请求。 处理这种事情的更好方法是“去抖动”事件：http://benalman.com/code/projects/jquery-dotimeout/examples/debouncing/（尝试第一个示例）。这样事件就不会在每次按键时触发；就在用户短暂停留的时候。否则，您最终会收到很多请求。

不过有办法：

var lastRequest;
$("input").keypress(function(){
    if (lastRequest){
        lastRequest.abort();
        lastRequest = null;
    }
    lastRequest = $.ajax({type: "POST", url: "some.php", data: "your=data&goes=here"});
});

发件人：Abort Ajax requests using jQuery

引导说明：“lastRequest”听起来很邪恶。