ajaxリクエストの送信を遅延させるにはどうすればよいですか？ここ

Question

は私のコードです：彼は彼のタグを入力しているとき

$("input").on('keydown', function(){ 
    $.ajax({ 
     url : '/files/tags_autocomplete.php', 
     dataType : 'JSON', 
     success : function (tags) { 
      $("ul").html(tags.output); 
     } 
    }); 
}); 

私のコードは、オートコンプリートボックスとしてユーザにいくつかのタグ（ユーザーがこれまでに書かれたものと一致した部分文字列を持っているもの）を示唆します。

私の問題は何ですか？私の現在のコードは、keydownごとに新しいAjaxリクエストを送信します。たとえば、ユーザがsomethingと書くと、私のスクリプトは悪夢のように思える9つのAjaxリクエストを送信します。

とにかく、どうすれば対応できますか？私は送信のための遅延を実装する必要があるのですか？ のようなもの "最後の文字が挿入されてから1秒後にリクエストを送信しないでください"？それとも良いアイデアはありますか？

Answer 1

あなたはjQueryのUIのオートコンプリートを検討するかもしれない簡単な絞り機構

$("input").on('keydown', function(){ 

    clearTimeout($(this).data('timer');) 

    var timer = setTimeout(function() { 
     $.ajax({ 
      url : '/files/tags_autocomplete.php', 
      dataType : 'JSON', 
      success : function (tags) { 
       $("ul").html(tags.output); 
      } 
     }); 
    }, 500); 

    $(this).data('timer', timer); 
});