标题:php+ajax实现搜索提示自动完成补充表单
出处:沧海一粟
时间:Fri, 10 Apr 2009 21:08:53 +0000
作者:jed
地址:http://www.dzhope.com/post/583/
内容:
大家都使用过google或者xunlei的搜索,输入关键字后可以出现相关提示,是个不错的功能,今天就在这里给大家把我的拙作给大家分享
点击在新窗口中浏览此图片
http://www.dzhope.com/attachment.php?fid=38
程序下载:
点击这里下载文件
数据库表:
CREATE TABLE `xqbar`.`suggest` (
`id` INT NOT NULL AUTO_INCREMENT ,
`title` VARCHAR( 100 ) NOT NULL ,
`hits` INT NOT NULL DEFAULT '0',
PRIMARY KEY ( `id` )
) ENGINE = InnoDB
insert into suggest(title,hits)values('dzhope.com',100);
insert into suggest(title,hits)values('www.dzhope.com',410);
insert into suggest(title,hits)values('http://dzhope.com',700);
insert into suggest(title,hits)values('mail:dzhope.com',200);
insert into suggest(title,hits)values('ftp:dzhope.com',100);
insert into suggest(title,hits)values('http://www.dzhope.com',70)
search.php
(关于php我也是接触不久,下面的php如果罗嗦还望高手指点)
返回的信息字符串要为 xxx1|xxx2$200|100 前后对应
js代码
引入prototye.js有朋友说这个库太大,或者把,不习惯的朋友可以使用jquery.js框架或者直接创建ajax对象,这个我就不想说了,这里直接引用prototye.js框架
创建层和显示查询结果的js代码
具体可以下载程序包看一下,调试一下,有不懂的可以留言。
Generated by Bo-blog 2.1.1 Release