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

更新时间：2018年03月13日 10:31:08 作者：尘中客

这篇文章主要介绍了PHP+JS实现的实时搜索提示功能,涉及php结合ajax实时传输数据与字符串的遍历、匹配相关操作技巧,需要的朋友可以参考下

本文实例讲述了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;$i<31;$i++){
    if(strpos($provinces[$i],$tmp)!==false){
       //传递值给val
       $val[$k]=$provinces[$i];
       //下标增加
       $k=$k+1;
    }
  }
  //遍历val数组
  for($j=0;$j<count($val);$j++)
  {
    echo $val[$j];
    echo "<br>";
  }
}
?>

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

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

您可能感兴趣的文章:

PHP 中魔术常量的实例详解
这篇文章主要介绍了PHP 中魔术常量的实例详解的相关资料,希望通过本文能帮助到大家，让大家理解这部分内容，需要的朋友可以参考下
2017-10-10
php实用代码片段整理
这篇文章主要介绍了php实用代码片段,整理归纳了php常见的编程技巧代码段,包括网页、字符串、图片、日期、数组及json等操作技巧,需要的朋友可以参考下
2016-11-11
php强大的时间转换函数strtotime
在php中strtotime() 函数将任何英文文本的日期时间描述解析为 Unix 时间戳，这个函数也是我们经常会用到的，有需要的朋友参考一下
2016-02-02
php中禁止单个IP与ip段访问的代码小结
今天网上有人问我php中如何禁用ip访问，通过测试发现如下的代码不错，原理也比较简单
2012-07-07
Linux系统中为php添加pcntl扩展
上篇文章我们介绍了在mac系统中为片php添加pcntl扩展插件，本文我们继续来分享下Linux系统中为php添加pcntl扩展的方法，希望小伙伴们能够喜欢
2016-08-08
PHP读取txt文件的内容并赋值给数组的代码
使用file_get_contents()获取txt文件的内容，然后通过explode()把获得的字符串转化为数组。获得数组长度可以使用count()函数
2011-11-11
PHP使用Pear发送邮件（Windows环境）
这篇文章主要介绍了在Windows环境下，PHP使用Pear发送邮件的实现方法，以及Windows下安装PHP Pear的详细步骤，感兴趣的小伙伴们可以参考一下
2016-01-01
php简单实现文件或图片强制下载的方法
这篇文章主要介绍了php简单实现文件或图片强制下载的方法,通过自定义函数实现文件或图片的简单读取、输出相关操作技巧,需要的朋友可以参考下
2016-12-12
PHP parse_ini_file函数的应用与扩展操作示例
这篇文章主要介绍了PHP parse_ini_file函数的应用与扩展操作,结合实例形式分析了php扩展parse_ini_file函数解析配置文件相关操作技巧,需要的朋友可以参考下
2019-01-01
php表单转换textarea换行符的方法
今天在项目中遇到一个textarea换行的问题，调试了半天都没有解决。要将textarea里的回车换行转换成br存入数据库。
2010-09-09

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具