jquery 自动完成 Autocomplete

[color=red]搜索框对一个网站信息传送非常重要，简直就是个跨空间的传送门!
可是一个孤零零、没有提示的搜索框，反而给用户带来无助感：很多时候用户不知道要输入些什么
为什么不能像baidu、淘宝、google那样，给搜索框添加一个自动提示（自动补全）功能呢，
对用户而言，可以有效降低输入成本，获得更多提示，快速了解网站的优质资源
对站长而言，可以优先推送网站的优质关键信息，等于多了一个广告位，更多的展示网站优先推荐的内容。
最近做了一个搜索项目，
发现很多用户会偷懒，直接输入拼音、拼音首字母、某个词汇去进行搜索，
在此情况下，
为网站的搜索框安装一个类似百度、google那样的搜索提示、补全功能。
要求系统能快速响应用户的搜索需求；
同时还发现，不同的用户对同一个词条（标题）的提示排序顺序，有不同要求，
比如输入jd，高校图书馆用户希望《基督山伯爵》排在前面，《京东疯狂大减价》（我YY的）排在后面，
如果是电商，正好相反，对电商而言，不同销售季节，希望搜索提示出词条的排序也是不同的。
我发现在网上找个关于搜索框（input标签）自动提示的JS插件很容易，一大堆供你挑选，
但是，要想实现拼音、拼音首字母匹配、模糊匹配、智能容错、自定义提示词条自主排序等等这些功能，
是非常琐碎非常麻烦的，
更麻烦的是，我的数据在50万条左右，要想前端用户输入之后有较快（延时小于100ms）的响应，
还需要在前端加一层cache，memocache 、redis试了个遍。
网上的智能提示JS插件，都仅仅是一个前端界面，要实现自动提示，最大困难的是后端实现
92find做一个这样的JS插件：
把前面提到那些功能都封装起来，放在一台云服务器上，
开发者每次需要使用自动提示这个功能时，
只需准备好要提示的词条列表或者标题列表，及其排序的优先级，
向云服务器提交这些数据，服务自动生成前面提到的各种索引（前缀、拼音、容错），
并且自动分发到一个cache中，
开发者只需在自己的H5页面（或者普通HTML页面）中引用一行JS代码，
就可以通过跨域的方式使用自动提示的数据了，
不再需要配置什么数据库，也不需要写一行后台的java/php代码
只需5分钟和一个txt文本，
自己的搜索框提示功能就上线了，同baidu、淘宝一样强大。
我把这个功能安装在了国内几家211、985大学的网站上
项目网站www.92find.com[/color]

5 楼 autosuggestion 2017-06-23

实现一个智能提示功能需要JavaScript、ajax、数据库、jsp/php很多知识，
如果数据量大还需要特殊优化，一个小功能，花费太大精力不合适

但这是个可有可无的功能吗，肯定不是
对用户而言，可以有效降低输入成本，在面对输入框时，获得更多提示，不用那么迷茫和无助
对站长而言，可以优先推送网站的关键信息，等于多了一个广告位。

92find高校用户案例

一所大学图书馆的搜索框智能提示，大约50万个词条（书名）
他们使用的是www.92find.com的搜索框智能提示免费产品,
只要一行javascript代码，就可以实现baidu、淘宝搜索框提示的全部功能
比如：拼音匹配、拼音首字母匹配、模糊搜索、智能容错，
还可以自定义提示词汇及其排序权重
你只需要准备好自己的提示词汇表就可以了，
无需编写程序，
五分钟（真的是5分钟）就可以在线配置拥有
主流搜索引擎都有的自动提示（自动补全）功能

4 楼天梯梦 2012-01-06

w156445045 写道

没怎么找到跟后台交互的例子呢~

最后两个例子为与php后台的交互例子

3 楼天梯梦 2011-10-19

w156445045 写道

没怎么找到跟后台交互的例子呢~

这些其实都是可以跟后台交互啊，你可以用ajax通过后台返回jquery的需要的数据。

2 楼 w156445045 2011-10-19

没怎么找到跟后台交互的例子呢~

1 楼 bushkarl 2010-08-12

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论