Bagaimanakah Saya Boleh Melambatkan Pengendali Kekunci untuk Mencegah Permintaan AJAX Berlebihan Semasa Menaip Pengguna?

Melengahkan Pengendali .keyup() untuk Pemberhentian Menaip Pengguna

Dalam medan carian, carian AJAX serta-merta untuk setiap penekanan kekunci boleh mengakibatkan lalu lintas yang berlebihan. Untuk mengurangkan perkara ini, pelaksanaan kelewatan adalah diingini, membenarkan carian hanya apabila pengguna berhenti menaip.

Untuk mencapai ini, coretan kod yang disediakan menggunakan fungsi delay(). Fungsi ini melaksanakan panggilan balik selepas masa yang ditentukan atau dalam peristiwa yang menyala dengan pantas seperti mengubah saiz. Begini cara ia boleh digunakan:

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

// Example usage:

$('#input').keyup(delay(function (e) {
  console.log('Time elapsed!', this.value);
}, 500));

Dalam contoh ini, fungsi delay() digunakan untuk menangguhkan pelaksanaan log konsol apabila pengguna berhenti menaip dalam medan #input selama 500 milisaat. Ini memastikan bahawa carian AJAX dilakukan hanya selepas pengguna melengkapkan input mereka.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melambatkan Pengendali Kekunci untuk Mencegah Permintaan AJAX Berlebihan Semasa Menaip Pengguna?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!