现在的位置: 首页 -> PHP学习 -> AJAX实例 -> 用php+ajax写的仿百度谷歌搜索下拉自动提示框效果

用php+ajax写的仿百度谷歌搜索下拉自动提示框效果

2013-07-23 23:52评论数 8 ⁄ 被浏览 29012 views+

很久以前就写了,现在拿到博客给大家分享一下。仿百度谷歌搜索下拉自动提示原理并不是很复杂,主要就是通过ajax这座桥梁。没有百度那么强大,它可以匹配拼音等,我目前水平确实做不到,我只是实现一下这个效果


先看一下效果吧(往下面走,有源码下载^_^)


输入一个“p”后的效果


每输入一个字符都会进行一次匹配


效果就这样,如果觉得还行,可以下载下面的源码来玩玩。


ajaxdemo.zip 38KB


数据表里面我只添加了10来条数据,如果有需要,可以自己添加。


任何事情不能保证100%,这个小程序可能也会有不成功,如果有问题,可以先检查一下编码是否统一、正确。您也可以与我进行交流。

 

文章出自:https://www.daixiaorui.com/read/5.html 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。

目前有 8 条评论  @我要评论

  1. 8楼腾讯网 : 2018-09-27 17:47:31 评论说: @回复

    u突然反应会让他

  2. 7楼autocomplete : 2017-06-05 09:33:02 评论说: @回复

    www.92find.com上的插件是可以自动匹配拼音的,你只需提供中文词汇即可

  3. 6楼Autocomplete : 2017-03-17 15:56:25 评论说: @回复

    实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识,如果数据量大,还需要特殊优化一个小功能,花费太大精力很不划算92find.com上的一个js插件实现了搜索框自动补全托管服务,只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能比如:汉字拼音匹配、拼音前缀匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重

  4. 5楼青鸟 : 2016-11-01 20:43:24 评论说: @回复

    美德,666

  5. 4楼camille : 2015-08-06 15:19:41 评论说: @回复

    怎样使文本框向百度那样,点击别处下拉框消失,点击文本框又出现。

  6. 3楼小阿 : 2015-06-21 23:22:59 评论说: @回复

    这个不支持UTF-8啊,能帮忙修一下吗?

  7. 2楼菜鸟 : 2014-12-30 15:42:32 评论说: @回复

    不错

  8. 1楼clq : 2013-09-19 17:19:36 评论说: @回复

    学习学习~ 拼音的应该不难,数据库里再加两个字段,一个存首字母,一个存全拼.如果输入的是字母再匹配这两个字段

    回复留言标识 Dai 回复 clq: 嗯,有道理,不过就是有点麻烦,要是能通过技术检索成拼音就好了

    2013-09-20 00:54:02  @回复

    回复留言标识 clq 回复 darex: 我试过用js实时生成拼音,2周前写的: http://www.code123.ga/blog/?p=10 模糊搜索的时候很慢,300+数据就开始感觉卡了,一般都是在数据库里留个字段,用函数自动生成拼音保存到字段里。预先保存好的总是比实时的快嘛

    2013-09-20 01:08:42  @回复

    回复留言标识 Dai 回复 clq: 刚刚看了,我记得以前面试的时候,有一个题目是不用like语句,查出某某字段里面有5的结果。这种对于大数据的处理,我还是有一点欠缺...

    2013-09-20 22:46:29  @回复

您的每一个评论都是对我的一份支持

 博客二维码

昵称 *

邮箱 *