php热词搜索功能,Ajax实现搜索功能

Ajax在搜索功能应用还是比较广泛的，例如百度搜索输入框，输入一个字会跟着显示很多相似的文字。

接下来是用PHP+MysqL+Ajax实现功能

Ajax实现搜索功能

#content{

width:400px;

height:400px;

border:2px outset #eeeeee;

display:none;

}

window.οnlοad=function(){

$('word').οnkeyup=function(){

var word=this.value;//用户输入的内容

$('content').innerHTML='';

if(word.length==0){

$('content').style.display='none';

return;

}

$.get('search.PHP','word='+word,function(msg){

var length=msg.length;

if(length>0)

$('content').style.display='block';

else

$('content').style.display='none';

for(var i=0;i

var name=msg[i].name;//第i个分类名称

var div=document.createElement('div');

div.onmouSEOver=function(){

this.style.backgroundColor='#cc6699';

}

div.onmouSEOut=function(){

this.style.backgroundColor='#ffffff';

}

div.οnclick=function(){

$('word').value=this.innerHTML;

$('content').style.display='none';

};

div.innerHTML=name;

$('content').appendChild(div);

}

},'json');

};

};

接下来用PHP获取数据库中的数据

$word=$_GET['word'];

$sql="select name from category where name like '$word%' order by id desc";

MysqL_connect('localhost','root','root');

MysqL_select_db('test');

MysqL_query('set names utf8');

$result=MysqL_query($sql);

$num=MysqL_num_rows($result);

$data=array();

for($i=0;$i

$row=MysqL_fetch_assoc($result);

$row['name']=iconv('utf-8','utf-8',$row['name']);

$data[]=$row;

}

MysqL_close();

echo json_encode($data);

显示效果如下：

总结

以上是编程之家为你收集整理的Ajax实现搜索功能全部内容，希望文章能够帮你解决Ajax实现搜索功能所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。