Trì hoãn cuộc gọi ajax trên đầu vào khóa trong jQuery

Question

Tôi đang xây dựng một tập lệnh tự động hoàn thành cho đầu vào văn bản. Để tránh nhiều cuộc gọi ajax không cần thiết, tôi muốn bắt đầu cuộc gọi ajax chỉ sau khi người dùng ngừng nhập văn bản trong 1 giây. Bằng cách đó tôi sẽ tiết kiệm một số cuộc gọi trên không cho mỗi phím nhấn. Làm thế nào tôi có thể đạt được điều này bằng cách sử dụng jQuery?

Cảm ơn,

Joel

Answer 1

Sử dụng debounce plugin hoặc các - tốt hơn các tài liệu - doTimeout plugin.

Answer 2

Bạn có thể thử một cái gì đó như thế này. Tôi chưa chơi ở trên. Chỉ cần sử dụng đồng bằng js.

var keyUpTime = 1000; // 1 sec 
var keyUpTimeout = null; 
$('input[type=text]').keyup(function(e) { 
    clearTimeout(keyUpTimeout); 
    keyUpTimeout = setTimeout(function() { sendAjax(); }, keyUpTime); 
}); 
function sendAjax() { 
    alert('Send it!'); 
} 

Answer 3

Có một plugin jquery khác cho việc này. Nó hoạt động tốt cho tôi a link