jQuery简单的自动完成实现

Question

我做了一个简单的自动完成实现，它会调用ajax并加载一个匹配列表。这是JSfiddle

http://jsfiddle.net/83hJw/

这当然只会在计时器超时时显示“OK”的提示

你会注意到它会重置超时，让你有机会完成你想要的输入，即如果你在打字时暂停0.3秒，它会运行搜索，以免要求太多次服务器

如果字符数也超过4个字符，我也只能运行

简单地说，我想知道在jQuery中有更好的方法吗？

Answer 1

试试jQuery UI autocomplete widget。它支持开箱即用的delay和minLength选项。

Answer 2

我认为您的实现没有任何错误，但jQuery UI确实也有autocomplete implementation。如果您已经在使用jQuery UI，那么为什么要重新发明轮子。

Answer 3

使用jQuery UI的自动完成功能： http://jqueryui.com/demos/autocomplete/

Answer 4

我个人会说最好从第一次按键开始显示示例，并确保显示的结果是相对的并按人气排序。这可以帮助您的用户快速，轻松地找到他们正在寻找的内容。