忽略旧的多个异步Ajax请求

Question

我有一个自定义的javascript自动完成脚本，该脚本使用多个异步Ajax请求命中服务器。 （每次按下一个键。）

我注意到有时会在稍后的请求之后返回更早的ajax请求，这会使事情变得混乱。

我现在处理这个问题的方法是我有一个计数器，它为每个ajax请求递增。以较低计数返回的请求将被忽略。

我想知道：这是对的吗？或者有更好的方法来处理这个问题吗？

提前致谢，

特拉维斯

Answer 1

您可以存储“全局”currentAjaxRequest，其中包含最后一个XHR请求的结构。然后，当您创建新请求时，您可以abort当前请求。

例如：

var currentAjaxRequest = null;

function autoCompleteStuff() {
    if(currentAjaxRequest !== null) {
        currentAjaxRequest.abort();
    }

    currentAjaxRequest = $.get(..., function(...) {
        currentAjaxRequest = null;

        ...
    });
}

为了避免命名冲突，如果需要，请将其包装在匿名的，即时执行的函数中。