jQueryのライブ検索スクリプトスパム

Question

は、私は私のライブサーチにこのスクリプトを書いた：

$(document).ready(function(){ 
    $('input#search').keypress(function(){ 
     $('ul#pacientes_hint').html(""); 
     var texto = $('input#search').val(); 

     if(texto.length > 2){ 
     $('ul#pacientes_hint').html(""); 
     $.post("../index.php/buscar/busca2", { "texto" : texto}, 
     function(data){ 
      $('ul#pacientes_hint').html(""); 
      var html_final = ""; 
      $.each(data, function(key, value) { 
       html_final = html_final + value.msg; 
      }); 
       $('ul#pacientes_hint').html(html_final); 
     }, "json"); 
     }else{ 
     $('ul#pacientes_hint').html(""); 
     } 
    }); 

}); 

それは大丈夫、すべての作業だが、私はそれがquerysをスパム速すぎて入力すると、どのように私はそれがこれだけ1つのスクリプトの実行（することができます最後のキー押下）は一度に実行されますか？

Answer 1

あなたはベンAlmanによってスロットル/デバウンスを使用してオフ最善かもしれ：// stackoverflowの：[jQueryのAJAXライブ検証/タイムアウトの質問]（HTTPの

http://benalman.com/projects/jquery-throttle-debounce-plugin/

Answer 2

私は前のAJAXリクエストを完了する前に、それを強制終了する必要があると思います。これを試してみてください：

$(document).ready(function(){ 
    var xhr;//Declare a global variable 
    $('input#search').keypress(function(){ 
     $('ul#pacientes_hint').html(""); 
     var texto = $('input#search').val(); 

     if(texto.length > 2){ 

     xhr.abort();//Add this line 

     $('ul#pacientes_hint').html(""); 

     //store AJAX object in variable 
     xhr = $.post("../index.php/buscar/busca2", { "texto" : texto}, 
     function(data){ 
      $('ul#pacientes_hint').html(""); 
      var html_final = ""; 
      $.each(data, function(key, value) { 
       html_final = html_final + value.msg; 
      }); 
       $('ul#pacientes_hint').html(html_final); 
     }, "json"); 
     }else{ 
     $('ul#pacientes_hint').html(""); 
     } 
    }); 

});