jquery - 当用户输入时实时搜索 ajax 调用但延迟很小？

Question

由于环境的原因，我想将其限制为小而简洁的东西，而不是插件，除非它是一个可以内联放在其他 jquery 代码旁边的扩展。

我有这个代码:

$("#txtSearch").live('keyup', function () {
    LoadList(1)     
});

我想添加一个延迟，以便用户必须等待(如停止键入)0.5 秒才能执行调用。

所以基本上，如果连续击键之间的时间少于 X 次，则不会发生 ajax 调用。

有没有一种简洁的方法可以用 Jquery 来做到这一点？

Answer 1

设置超时并在每次击键时清除它，然后再应用新的击键:

var timeout;
$("body").on('keyup', '#txtSearch', function () {
    window.clearTimeout(timeout);
    timeout = window.setTimeout(function(){
       LoadList(1); 
    },500);

});

示例:http://jsfiddle.net/niklasvh/KgRjJ/