jQuery UIオートコンプリート：非同期プロセスを開始して終了するにはどうすればいいですか？

Question

jQuery UIオートコンプリートを使用して検索インターフェイスを構築しています。

検索結果を返し、キーが押されると自動的に更新されるカスタム関数を定義しましたが、次のキーが押される前にこのカスタム関数が完了しないことがあります（つまり、 （ワシ "と書いてある途中）

オートコンプリート"ソース "イベントを呼び出すたびに、以前の機能（ウォッシュ）をキャンセルして新しい機能を開始することができます。 （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リクエスト。 1つのセットがあり、ソース関数が呼び出された場合、lastXhr要求を打ち切り、新しいものを作成します。 lastXhrと一致するかどうかを確認する場合はajaxリクエストが返され、そうでなければresponse()関数は呼び出されません。