[个人原创]jquery-autocomplete 结合PHP后台查询的简单使用 ,下拉提示插件,模仿Google那个。

jackxiang 2011-9-7 16:31 | |
直接下载后,放到Apache htdoc下就能用的示例下载,在框中输入j即可看到效果:


其插件会向后台发送Ajax,Ajax请求:
http://localhost/jquery_php_autocomplete/getindex.php?q=j
返回:
jack
jackson
jackxiang
前台通过Js对这串数据做逻辑和展现,这样一种思路。

自己简单实践了一把,里面有很多可调参数。你也可以通过Js的Ajax去调用那个DB把查询到的结果给前端:


前端素材:
1.Jquery原始Core文件
2.Jquery插件包含一Js和一个Css文件:
1)jquery.autocomplete.js
2)jquery.autocomplete.css
3.蹂躏在一起写到一个Html中,如下:

有一个原生的Demo,在该插件的网站上,如下:


参考:http://docs.jquery.com/Plugins/Autocomplete#Demos

jquery自动完成插件(autocomplete)应用之PHP版下载:

详细出处参考:http://www.jb51.net/article/21417.htm

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/4608/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2011-10-10 14:48
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]