jQuery简单的自动完成实现

jQuery simple autocomplete implementation

本文关键字:实现 简单 jQuery      更新时间:2023-09-26

我已经做了一个简单的自动补全实现,它将调用ajax并加载匹配列表。这是jsfield

http://jsfiddle.net/83hJw/

这当然只在计时器超时时显示一个警告说"OK"

你会注意到,它会重置超时时间,让你有机会完成输入你想要的东西,即如果你在输入时暂停0.3秒,它会运行搜索,这样就不会向服务器请求太多次

我也让它只运行,如果字符数超过4个字符太

简单地说,我想知道是否有更好的方法在jQuery中做到这一点?

尝试jQuery UI自动完成小部件。它支持开箱即用的delayminLength选项

我不认为你的实现有什么错,但是jQuery UI确实有一个自动完成的实现。如果你已经在使用jQuery UI,为什么要重新发明轮子呢?

使用jQuery的自动补全功能:http://jqueryui.com/demos/autocomplete/

我个人认为最好从第一次按键开始显示示例,并确保显示的结果是相对的,并按流行程度排序。这可以帮助你的用户快速找到他们想要的东西,并且用更少的笔画。

如果你不想从JQuery迁移到JQuery UI,

试试这个:https://github.com/devbridge/jQuery-Autocomplete

注意就像上面的JQuery-UI一样支持"delay",但是使用"deferRequestBy"名字。

和支持"minLength",但与"minChars"名字。