AJAX 検索の応答性を向上させるために Keyup イベント処理を遅らせるにはどうすればよいですか?

Keyup ハンドラーの実行の遅延

ユーザーが指定された期間入力を一時停止するまで .keyup() ハンドラーの実行を遅延すると、アプリケーションの応答性。あなたの場合、200 ミリ秒の遅延を実装することで、素早いキーストローク中の過剰な AJAX 検索を防ぐことを目的としています。

解決策: カスタム関数の利用

これを達成するには場合は、指定したタイムアウト後のハンドラーの実行をスケジュールするカスタム遅延関数の採用を検討してください。次のように、lay() という名前の関数を定義できます。

function delay(callback, ms) {
  var timer = 0;
  return function() {
    var context = this, args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      callback.apply(context, args);
    }, ms || 0);
  };
}

検索フィールドに遅延を実装する

検索フィールドに遅延を実装するには、次を使用します。この例にある遅延() 関数:

$('#input').keyup(delay(function (e) {
  // Your AJAX search code here
}, 200));

このコードでは、.keyup() イベントハンドラーは、200 ミリ秒の遅延後に AJAX 検索ロジックを実行するように構成されています。ユーザーが 200 ミリ秒のウィンドウ内に入力すると、入力を一時停止するまで AJAX 検索は延期されます。

以上がAJAX 検索の応答性を向上させるために Keyup イベント処理を遅らせるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。