jqueryでajaxフィルタを作成するには？

Question

私はユーザーが姓で検索するフィルタリングをしようとしています。今私はkeypressでそれを持っていますが、もちろんこれはあまりにも多くのAjaxリクエストを行います。

私はこれを行うべきか、テーブルなど、すべての結果（私はそれで情報を持つテーブルを作成する部分図を持っている）

$(function() 
    { 
     $('#LastName').keypress(function() 
     { 

      $.post('ActionMethod', { 'lastName': $(this).val() }, function (response) 
      { 
       $('#results').html(response); 
      }); 
     }); 
    }); 

任意のアイデアを返しています。私はロジックがオートコンプリートと似ていると思うし、あなたはdbをクエリする前にいくつのキーストロークを設定できるのか知っています。

Answer 1

...のようなものについては、私はあなただけでタイムアウトを使用して、AJAX呼び出しの実行を遅らせるべきだと思います。キー操作が実行前に発生した場合は、タイマーをリセット...

$(function() 
    { 
     var timer; 
     $('#LastName').keypress(function() 
     { 
      var _this = this; // we need to store the this to a variable since it will be called out of context from the timeout 
      clearTimeout(timer); 
      timer = setTimeout(function(){ 
         $.post('ActionMethod', { 'lastName': $(_this).val() }, function (response) 
         { 
          $('#results').html(response); 
         }); 
         }, 500); // delay for 500 milliseconds 
     }); 
    }); 

Answer 2

はどのように

$(function() 
{ 
    $('#LastName').keypress(function() 
    { 
     if($(this).val().length > 4) 
     { 
      $.post('ActionMethod', { 'lastName': $(this).val() }, function (response) 
      { 
       $('#results').html(response); 
      }); 
     } 
    }); 
}); 

Answer 3

あなたは、事前に名前のためのすべての一意の値を負荷に事前に、その配列を使用して仕事ができます。あまりにも多くの値がない場合、これは問題なく機能します。あなたのケースでは、私は数千または何百万ものユニークな姓が存在するのではないかと推測しています...

また、キーストロークの数ではなく、ajax要求の時間制限を設定することもできます。 （ガービーが提案したように）。

Answer 4

jQuery throttle debounce pluginは、レート制限を扱う簡単な方法を提供します。