宝哥软件园

PHP JS实现的实时搜索提示功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文实例讲述了PHP JS实现的实时搜索提示功能。分享给大家供大家参考,具体如下:

效果图如下:

代码如下:

超文本标记语言代码:(该代码用两种方法实现,一种Jquery,一种原生JS)

htmlhead脚本src=' http :/DelPhi request/search/js/jquery。js /脚本脚本/*用原生射流研究…实现//函数显示结果(str)//{//if(str。length==0)//{//document。getelementbyid(' livesearch ').innerHTML=//文档。getelementbyid(' livesearch ')。风格。边框=' 0px//返回;//}//if (window .XMLHttpRequest)//{//IE7,火狐,Chrome,Opera,Safari浏览器执行//xmlhttp=new XMLHttpRequest();//}//else//{//IE6,IE5浏览器执行//xmlhttp=new activexoobject(' Microsoft .XMLHTTP’);//}//xmlhttp。onreadystatechange=function()//{//if(xmlhttp。readystate==4 xmlhttp。status==200)/{//文档。getelementbyid(' livesearch ').innerHTML=xmlhttp。responsetext//文档。getelementbyid(' livesearch ')。风格。边框=' 1px实心# a5 ACB 2 ';//}/}/}//xmlhttp。打开(' GET ',' livesearch.php?q=' str,true);//xmlhttp。send();//}*///用框架实现函数显示结果(字符串){ $ .ajax({ type: 'GET ',url : 'livesearch.php ',datatype : 'json ',data: {'q':str},success : function(data){ document。getelementbyid(' livesearch ').innerHTML=数据;文件。getelementbyid(' livesearch ')。风格。边框=' 1px实心# a5 ACB 2 ';} })}/脚本/标题dyform输入类型=' text ' size=' 30 ' on key up=' showResult(this。value)' div id=' live search '/div/form/body/HTMl PHP代码如下:(PHP不仅可以考虑直接使用数组,也可以考虑直接查询数据库,获取数据库内容,本代码使用的是数组。)

?php $省份=数组('北京','天津','上海','重庆','河北','河南','黑龙江','吉林','长春','山东','安徽','山西','广州','西藏','青海','福建','贵州','江苏','浙江','广州','云南','内蒙古','四川','甘肃','宁夏','湘钢','敖门');$ tmp=$ _ GET[' q '];$ val=array();$ k=0;if(strlen($ tmp)0){ for($ I=0;$ i31$ I){ if(ST rpos($省份[$i],$tmp!==false){ //传递值给val $ val[$ k]=$省份[$ I];//下标增加$ k=$ k 1;} } //遍历英国压力单位数组for($ j=0;$ jcount($ val);$ j){ echo $ val[$ j];回声“br”;}}?更多关于服务器端编程语言(专业超文本预处理器的缩写)相关内容感兴趣的读者可查看本站专题: 《PHP数据结构与算法教程》 、 《php程序设计算法总结》 、 《PHP+ajax技巧与应用小结》 、 《PHP网络编程技巧总结》 、 《php字符串(string)用法总结》 、 《PHP数组(Array)操作技巧大全》 及《PHP常用遍历算法与技巧总结》

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

更多资讯
游戏推荐
更多+