忽略旧的多个异步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;

        ...
    });
}

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