仿Google首页搜索自动补全!(原创分享jQuery版)
最近学习了一下Ajax,用jQuery做了一些例子,其中觉得仿Google自动补全这个挺帅的。 也是例子里最复杂的一个,后来我又修改了很长时间,尽量模仿的逼真,但是还是没达到预期效果,对汉字,拼音解析都不支持。 对于这方面我也没啥经验,不知道具体该咋弄。所以分享页面源码。希望园子里有用js处理中文自动补全经验的朋友。 可以帮忙分析一下实现,我最近也快期末考试了(电路,离散没怎么听过,要恶补),没有那么多的时间再研究了。所以偷个懒。 仿Google自动补全,实现细节: 后台是简单的servlet(其实就是负责后台处理数据交互的,没必要非跌用个struts...什么的) 传输介质:xml 使用jQuery js框架 功能实现: 如果在缓冲300ms内只输入一个字母,则开始与后台交互。 弹出检索匹配单词的层。可以通过方向键上下选择选项,被选择的高亮显示,颜色和Google的一模一样,并且键盘选择过程 中文本框动态赋值高亮单词,回车提交,ESC隐藏显示层,删除文本框中内容。 被鼠标选择的单词高亮显示,点击鼠标可以替换文本框内容,层自动消失。 backspace键删除后如果文本框不为空再次与服务器交互,检索。 回车提交,鼠标点按钮也可以提交。(最基本的) xml文件用java提取数据库数据并生成。 基本就这样了。 功能也不复杂,不过这个功能网上的例子比较缺。 struts2里有自动补全的标签