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

  介绍

小编给大家分享一下PHP + JS如何实现的实时搜索提示功能,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

JS的作用是什么

1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于节点。js技术进行服务器端编程。

效果图如下:

 PHP + 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   null

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