介绍
小编给大家分享一下PHP + JS如何实现的实时搜索提示功能,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
JS的作用是什么
1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于节点。js技术进行服务器端编程。
效果图如下:
代码如下:
HTML代码:(该代码用两种方法实现,一种Jquery,一种原生js)
& lt; html> & lt; head> & lt;才能script src=癉elphiRequest/搜索/js/jquery.js"祝辞& lt;/script> & lt;才能script>/*用原生js实现//,,,,function showResult (str)//,,,,{//,,,,,,if (str.length==0)//,,,,,,{//,,,,,,,,. getelementbyid (“livesearch") .innerHTML=啊?//,,,,,,,,. getelementbyid (“livesearch") .style.border=? px";//,,,,,,,,返回;//,,,,,,}//,,,,,,if (window.XMLHttpRequest)//,,,,,,{//,IE7 +,火狐,Chrome, Opera, Safari 浏览器执行//,,,,,,,,xmlhttp=new XMLHttpRequest ();//,,,,,,}//,,,,,,//,,,,,,{//时间IE6,大敌;;IE5 浏览器执行//,,,,,,,,xmlhttp=new ActiveXObject (“Microsoft.XMLHTTP");//,,,,,,}//,,,,,,xmlhttp.onreadystatechange=function ()//,,,,,,{//,,,,,,,,if (xmlhttp.readyState==4,,,, xmlhttp.status==200)//,,,,,,,,{//,,,,,,,,,,. getelementbyid (“livesearch") .innerHTML=xmlhttp.responseText;//,,,,,,,,,,. getelementbyid (“livesearch") .style.border=? px solid # A5ACB2";//,,,,,,,,}//,,,,,,}//,,,,,,xmlhttp.open (“GET",“livesearch.php ? q=? str, true);//,,,,,,xmlhttp.send ();//,,,,} *///用jquery实现 ,,,,function showResult (str) { ,,,,,,. ajax({美元 ,,,,,,,,类型:,“GET", ,,,,,,,,url :,“livesearch.php" ,,,,,,,,datatype :, & # 39; json # 39; ,,,,,,,,数据:,{& # 39;提问# 39;:str},, ,,,,,,,,success : function (数据),{ ,,,,,,,,,,. getelementbyid (“livesearch") .innerHTML=数据; ,,,,,,,,,,. getelementbyid (“livesearch") .style.border=? px solid # A5ACB2"; ,,,,,,,,} ,,,,,,}) ,,,,} & lt;才能/script> & lt;/head> & lt; body> & lt; form> & lt;才能input 类型=皌ext",大??0”,onkeyup=皊howResult (this.value)“比; & lt;才能div id=發ivesearch"祝辞& lt;/div> & lt;/form> & lt;/body> & lt;/html>
PHP代码如下:(PHP不仅可以考虑直接使用数组,也可以考虑直接查询数据库,获取数据库内容,本代码使用的是数组)。
& lt; PHP ? $省份=阵列(“beijing",“tianjin",“shanghai",“chongqing",“hebei",“henan",“heilongjiang",“jilin",“changchun", “shandong",才能“anhui",“shanxi",“guangzhou",“yunnan",“hainan",“xizang",“qinghai",“fujian",“guizhou",“jiangsu" “zhejiang",才能“guangzhou",“yunan",“hainan",“xizang",“neimenggu",“sichuan",“gansu",“ningxia",“xianggang",“aomen"); $ tmp=$ _GET[& # 39;提问# 39;]; 数组$ val=(); $ k=0; 美元if (strlen (tmp)在0) { ,,(i=0; i<美元;31美元我+ +){ ,,,如果(大小写敏感(省[我]美元,美元tmp) !==false) { ,,,,,,//传递值给瓦尔 ,,,,,,val [$ k]=省美元($ i); ,,,,,,//下标增加 null null null null null null null null null null nullPHP + JS如何实现的实时搜索提示功能