我想用Ajax实现一下搜索提示的问题,看哪位大侠有实例?

来源:百度知道 编辑:UC知道 时间:2024/06/11 10:33:01
就是类似Google的搜索提示,我做了几次也没实现,各位大侠谁有实例的请拿来让我参考一下,后者讲一下实现过程也可以,谢谢。

1.控件方式:autocomplete extender
这个比较简单,只要在后面写个WebService,再设置下控件就可以了

2.代码方式,这个貌似也不难吧。。。
类似dropdownlist的级联

搜索自动匹配

我有个,不过服务端是php的,而且需要数据库mysql链接,给你也不能用.
给你讲讲实现过程吧.
假设有文本框的页面,叫test.html.(有已编写的js-ajax函数,该函数名设为XMLHttpTest();文本框下部有一个display="none"(隐藏状态)的div,用于显示返回结果,div 的id="newresult");
后台处理程序叫result.php.(传入一个参数,可以显示从数据库查出的前十条记录)
首先你在文本框输入文字,要触发事件执行XMLHttpTest()函数,google用的是onkeyup事件,就是有键盘输入键弹起时执行.XMLHttpTest()函数内你要实现创建一个XMLHttpRequest的实例,这种函数有的是,你网上找.实例名设为XMLHttp;获取文本框的值并将其存入一个变量newvalue中(用document.[表单名].[文本框名].value获取),再获取一个div位置(document.getElementById("newresult"))存入变量show中.
XMLHttp.open("get","result.php?char="+newvalue,true);这句是以get方式向result.php内传一个参数,参数名为char,值为文本框里写入的值.(注意文本框里如果为汉字,你需要在请求时设置请求首部);
xmlhttp.setRequestHeader("Content-Type","text/html;encoding=gb2312");//请求首部,编码为gb2312,按你需要填写.
XMLHttp.send(null);//get方式传值不需发送参数值/对.
XMLHttp.