php - 处理连续的 Ajax 请求 - JQUERY

Question

我有一个搜索文本框，在其中按下一个 AJAX 调用以返回输入文本的搜索结果。这会导致每次按键时都进行 AJAX 调用。

例如，如果我输入 airport:

我收到 7 个 ajax 请求，每个请求分别搜索 a, ai, air, airp, airpo, airpor, airport - 但问题是它们可能一个接一个地开始，但不一定以相同的顺序结束，所以我经常以错误的顺序收到结果，即我可能写了 airport 并收到了 airport 的结果，结果却收到了 airpo 稍后。

我如何在 jQuery 中处理这个问题？

更新:

有 3 秒的计时器延迟 - 但问题在于确保在发出一个 AJAX 请求时，发出的另一个请求会取消前一个请求，等等。

我如何在代码中做到这一点？

Answer 1

延迟触发 ajax 调用 - 将其与上面的 abort() 代码结合使用:

var typeDelay = function(){
    var timer = 0;
    return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
    }  
}();

$("#searchField").keypress(function(){
    typeDelay(function(){
        // your ajax search here, with a 300 ms delay...
    }, 300);
});