php/jquery検索ボックス

Question

私はphpとjqueryを使って検索ボックスを実装しようとしています（検索結果はデー​​タベースから来ています）。私がしたいのは、ユーザーが検索ボックスに入力すると、ユーザーが検索ボックスに入力したキーワードを含むデータを検索するためのクエリが作成されるということです。これを実行すると、問題はもちろん、ユーザーが入力して行われるたびに（、何の原因と呼ばれている）（関数retrieve_results、ということである

：私がいる問題は、私はこのような何かを持っているということですキーアップがあります）。したがって、ユーザーが10文字のような単語を入力すると、retrieve_results（）関数が10回連続して呼び出されるため、これは非常に遅くなる可能性があります。また、私はretrieve_results（）関数の中で、結果を得るためにjQuery $ .ajaxを使ってAjaxリクエストを行っています。だから私の質問は、次のとおりです：

私はそれを行うようにするには、retrieve_results（）は、ユーザーが入力を停止するたびに実行されないように（キーがアップ）。しかし、私はその機能を維持したい、私はユーザーが "検索"ボタンまたは何かをクリックしないようにしたい。私はちょうど私のretrieve_results（）関数ユーザーがすべてのキーワードを入力することで行われたときに一度だけ呼び出さする（毎回ユーザーが手紙か何かに入っていない）

あなたはtimmerを開始することができ、あなたに

Answer 1

理想的には、ユーザーが入力した最後の文字に対してのみ検索を開始するのが理想的です。これを行う最善の方法は、彼に絶えず入力するのに十分な時間を与えることです。もし彼が一時停止（思考することさえ）したら、検索を実行します。 setTimeoutを単独で使用すると、それが複数回発生するため、動作しません。 clearTimeoutを使用してタイムアウトをクリアする必要があります。

$(document).ready(function() { 
    var timeout, 
     $search_box = $('#my_search_box'); 

    $search_box.keyup(function() { 
     if (timeout) { 
      clearTimeout(timeout); 
     } 

     timeout = setTimeout(function() { 
      search(); 
     }, 1000); 
    }); 

    function search() { 
     var search_txt = $search_box.val(); 
    } 
}); 

ここで何が起こっているのかです：： 私たちはあなたからkeyup機能の上に宣言されなければならない変数にsetTimeoutタイマーを割り当て、それぞれその変数をチェックし

あなたは所望の効果を達成するために、次の使用することができます時間はkeyupです。進行中の既存のsetTimeoutがある場合は、search()関数を起動しないようにクリアし、指定されたミリ秒数（この例では1000）を待機する新しいタイマーを作成します。

はデモについては、以下を参照してくださいJSFiddle：http://jsfiddle.net/highwayoflife/WE4Fr/

Answer 2

ありがとうをしたいと思います。 ..let`sは言う...最初のキーの後に...間隔が2秒以上である場合（キーの間）、他の検索が http://api.jquery.com/delay/

例（To delay JavaScript function call using jQueryから）待ってください：

$("#button").bind("sample",function() { 
     sample(); 
    }); 

    $("#button").click(function(){ 
     $(this).delay(2000).trigger("sample"); 
    }); 

を

が遅延

ALTERNATIVE（テスト） は3分それ `s後半（午前二時12分AM私現地時間）に行われ

$("#my_search_box").keyup(function(){ 
      setTimeout(search, 30000); 
}); 
function search(){ 
     alert('ok'); 
} 

Answer 3

でテストする時間がなかった私が推薦しますjQueryの遅延メソッドまたはJavaScriptのsetTimeout（）関数を使用して、keyupメソッドが実行されるたびに間隔が元の間隔にリセットされます。 setTimeout（）メソッドのHere is a brief explanation、およびその他のいくつかのタイマーメソッドがJavaScriptにあります。

Answer 4

このようにする必要があります。クエリを格納するグローバル変数を作成し、retrieve_resultsへの新しい呼び出しに十分な時間が経過したかどうかを知るための別の変数を作成します。すべてのキーアップでsearchQueryを更新しますが、必要な時間が経過した後にのみretrieve_resultsを実行します。それがあなたを助けることを願っています

searchQuery=""; 
    timeIsUp=true; 

    $("#my_search_box").keyup(function(){ 

     searchQuery=$(this).val(); 

     if(timeIsUp){ 
     timeIsUp=false; 
     setTimeOut("retrieve_results(searchQuery); timeIsUp=true",500); 
     } 

    });