スロットルAJAXリクエスト

Question

だから私は、テキストボックスにjQueryの中のすべてのkeyupとpasteイベントのAJAXリクエストを呼び出しています：

$("#server-label").bind("keyup paste", function() { 
    $.ajax()... 
}); 

問題は、これがユーザーの場合あまりにも多くのAJAX要求でありますキーを素早く押す。ユーザーがAJAXリクエストを呼び出す前に少しだけタイピング（例えば500ms）を打ち切るまで待つことをお勧めします。基本的にAJAXリクエストは、キーやペーストイベントが500ミリ秒間発せられなくなるまで行わないでください。

ありがとうございました。

Answer 1

それを追跡するためにsetTimeout()とtimer VARを使用してみてください：

var t; 
$("#server-label").on("keyup paste", function() { 
    clearTimeout(t); 
    t = setTimeout(function() { 
     $.ajax({/*[...]*/}); 
     //... 
    }, 500); 
}); 

ます。また、スロットルやdebounceを使用することができますが、私はあなたが関数内のコードをラップする場合、それは必要ではないと思いますオブジェクトまたは文字列をsetTimeout()関数に渡します。