我正在使用以下代码
(written by another user)来限制livesearch函数中的ajax请求：
JSFiddle如果您更喜欢演示：http://jsfiddle.net/4xLVp/
但是,这似乎有点儿麻烦.使用Ctrl shift后退箭头清除值,再次键入会导致一连串请求.空值也会导致请求.它似乎不对,特别是与jQuery UI autocomplete相比,请求延迟似乎更加严格.
$('##tag-search').keyup(function() {
var elem = $(this);
if (elem.val().length >= 2) {
elem.data('search',search).clearQueue().stop().delay(1000).queue(function() {
$.ajax({ // ajax stuff
'success': function(data){ /*show result*/ }
});
if (elem.data('search') != string) return;
});
} else if (string.length <= 1) { /*show original content*/ }
});
有没有更好的方法来处理这个？
解决方法
我只想使用setTimeout：
(function() {
var timeout;
$('#tag-search').keyup( function() {
var elem = $(this);
if (elem.val().length >= 2) {
clearTimeout(timeout);
timeout = setTimeout(function() {
$.ajax({ // ajax stuff
'success': function(data){ /*show result*/ }
});
},80); // <-- choose some sensible value here
} else if (string.length <= 1) { /*show original content*/ }
});
}());
还有一个debounce/throttle插件.
