jQuery UI 自动完成：如何启动异步进程并在完成之前退出它

Question

我正在使用 jQuery UI 自动完成来构建搜索界面。

我定义了一个自定义函数，它返回搜索结果并在按下按键时自动更新它们，但是，有时此自定义函数在按下下一个键之前不会完成（即，当我已经编写“Washi”时，它仍在处理“Wash”） （在编写“华盛顿”的过程中）

我希望每次调用自动完成“源”事件时都取消前一个函数（Wash）并启动新函数（Washi）并使用下一个调用取消函数（Washi）。启动功能（Washin）等等

这样的事情是怎么做的呢？

Answer 1

您应该能够执行以下操作：

var lastXhr;
$( "#myAutocomplete" ).autocomplete({
    source: function( request, response ) {
        if (lastXhr) lastXhr.abort();
        lastXhr = $.getJSON( "search.php", request, function( data, status, xhr ) {
            if ( xhr === lastXhr ) {
                response( data );
            }
        });
    }
});

lastXhr var 存储最新的 xhr 请求。如果有一组并且源函数被调用，那么它会中止 lastXhr 请求并发出一个新请求。当ajax请求返回时，如果确保它与lastXhr匹配，如果不匹配，则不会调用response()函数。