javascript - 搜索和 LazyLoad 跟不上打字速度？

Question

因此，所有代码都运行良好。查询一个数据库，节点/父 ID 被懒惰地传递给 jsTree，并且，如果在搜索栏中键入一个术语——类似的过程继续进行，但传递给 jsTree 的节点是由另一个 SQL 查询返回的节点(使用一些东西像 SELECT nodeID FROM table WHERE name LIKE %searchTerm%).

只有一个问题:

如果我在搜索栏中输入的速度太快，结果就会相互混淆。如果我打字很慢(我估计每秒最多输入 2 个字母)，则一切正常。再快一点，一切都变得模糊起来。 (也就是说，如果我正在搜索包含术语“test”的名称，并快速输入，我将得到包含“t”、“te”、“tes”和“test”的名称，而不仅仅是包含“测试”的名称。)

有人遇到过这个问题吗？我应该使用一些“等到准备好”功能吗？

Answer 1

我可以建议您执行“超时”解决方法。基本上，您创建一个延迟 200-400 毫秒的 SetTimeout 函数，并在那里启动您的 lazyload ajax。每个 inputbox.change 事件都会重新启动时间。请参阅伪 javascript 中的示例:

$('#your-input').keydown(function(){
    if(ajaxTimer != undefined) {
        clearTimeout(ajaxTimer);
    }
    ajaxTimer = setTimeout(function(){
        $.ajax({...}).done(function() {...}
    },400);
})