主页 > 知识库 > PHP+JS实现的实时搜索提示功能

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

热门标签:长沙crm外呼系统业务 专业电话机器人批发商 南宁高频外呼回拨系统哪家好 江苏外呼电销机器人报价 400电话申请方法收费 400电话办理福州市 离石地图标注 电话机器人危险吗 深圳外呼系统收费

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

效果图如下:

代码如下:

HTML代码:(该代码用两种方法实现,一种Jquery,一种原生JS)

html>
head>
  script src="/DelphiRequest/search/js/jquery.js">/script>
  script>
/*用原生js实现
//    function showResult(str)
//    {
//      if (str.length==0)
//      {
//        document.getElementById("livesearch").innerHTML="";
//        document.getElementById("livesearch").style.border="0px";
//        return;
//      }
//      if (window.XMLHttpRequest)
//      {// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行
//        xmlhttp=new XMLHttpRequest();
//      }
//      else
//      {// IE6, IE5 浏览器执行
//        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
//      }
//      xmlhttp.onreadystatechange=function()
//      {
//        if (xmlhttp.readyState==4  xmlhttp.status==200)
//        {
//          document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
//          document.getElementById("livesearch").style.border="1px solid #A5ACB2";
//        }
//      }
//      xmlhttp.open("GET","livesearch.php?q="+str,true);
//      xmlhttp.send();
//    }
*/
//用jquery实现
     function showResult(str){
       $.ajax({
         type: "GET",
         url : "livesearch.php",
         datatype : 'json',
         data: {'q':str} ,
         success :function (data) {
           document.getElementById("livesearch").innerHTML=data;
           document.getElementById("livesearch").style.border="1px solid #A5ACB2";
         }
       })
     }
  /script>
/head>
body>
form>
  input type="text" size="30" onkeyup="showResult(this.value)">
  div id="livesearch">/div>
/form>
/body>
/html>

PHP代码如下:(PHP不仅可以考虑直接使用数组,也可以考虑直接查询数据库,获取数据库内容,本代码使用的是数组。)

?php
$provinces=array("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['q'];
$val=array();
$k=0;
if (strlen($tmp)>0)
{
  for($i=0;$i31;$i++){
    if(strpos($provinces[$i],$tmp)!==false){
       //传递值给val
       $val[$k]=$provinces[$i];
       //下标增加
       $k=$k+1;
    }
  }
  //遍历val数组
  for($j=0;$jcount($val);$j++)
  {
    echo $val[$j];
    echo "br>";
  }
}
?>

更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP数据结构与算法教程》、《php程序设计算法总结》、《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《PHP数组(Array)操作技巧大全》及《PHP常用遍历算法与技巧总结》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:
  • php+ajax做仿百度搜索下拉自动提示框(有实例)
  • php 搜索框提示(自动完成)实例代码
  • jquery+php实现搜索框自动提示
  • 利用PHP+JS实现搜索自动提示(实例)
  • 谷歌音乐搜索栏的提示功能php修正代码
  • PHP 搜索查询功能实现
  • php站内搜索并高亮显示关键字的实现代码
  • PHP获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
  • PHP写的获取各搜索蜘蛛爬行记录代码
  • php使用正则表达式进行字符串搜索的方法

标签:太原 白酒营销 兴安盟 南京 曲靖 株洲 南昌 滨州

巨人网络通讯声明:本文标题《PHP+JS实现的实时搜索提示功能》,本文关键词  PHP+JS,实现,的,实时,搜索,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《PHP+JS实现的实时搜索提示功能》相关的同类信息!
  • 本页收集关于PHP+JS实现的实时搜索提示功能的相关信息资讯供网民参考!
  • 推荐文章