Bagaimanakah Saya Boleh Melambatkan Pengendalian Acara Keyup untuk Meningkatkan Responsif Carian AJAX?

Melengahkan Pelaksanaan Pengendali Kekunci

Melengahkan pelaksanaan pengendali .keyup() sehingga pengguna berhenti menaip untuk tempoh tertentu boleh meningkatkan responsif permohonan anda. Dalam kes anda, anda berhasrat untuk menghalang carian AJAX yang berlebihan semasa ketukan kekunci pantas dengan melaksanakan kelewatan 200 milisaat.

Penyelesaian: Menggunakan Fungsi Tersuai

Untuk mencapai matlamat ini , pertimbangkan untuk menggunakan fungsi kelewatan tersuai yang menjadualkan pelaksanaan pengendali anda selepas tamat masa yang ditentukan. Anda boleh mentakrifkan fungsi bernama delay() seperti berikut:

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);
  };
}

Melaksanakan Kelewatan dalam Medan Carian Anda

Untuk melaksanakan kelewatan dalam medan carian anda, gunakan fungsi delay() seperti yang dilihat dalam contoh ini:

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

Dalam kod ini, pengendali acara .keyup() ialah dikonfigurasikan untuk melaksanakan logik carian AJAX selepas kelewatan 200 milisaat. Apabila pengguna menaip dalam tetingkap 200 milisaat itu, carian AJAX akan ditangguhkan sehingga mereka berhenti menaip.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melambatkan Pengendalian Acara Keyup untuk Meningkatkan Responsif Carian AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!