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


Posted in PHP onMarch 13, 2018

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

效果图如下:

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下的权限算法的实现
Apr 28 PHP
php中根据变量的类型 选择echo或dump
Jul 05 PHP
php学习笔记之面向对象编程
Dec 29 PHP
深入解析Session是否必须依赖Cookie
Aug 02 PHP
php实现的css文件背景图片下载器代码
Nov 11 PHP
windows7下php开发环境搭建图文教程
Jan 06 PHP
PHP读书笔记_运算符详解
Jul 01 PHP
PHP完全二叉树定义与实现方法示例
Oct 09 PHP
php格式文件打开的四种方法
Feb 24 PHP
PHP实现微信提现功能
Sep 30 PHP
php中的explode()函数实例介绍
Jan 18 PHP
php使用yield对性能提升的测试实例分析
Sep 19 PHP
PHP实现的简单路由和类自动加载功能
Mar 13 #PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
Mar 12 #PHP
php把字符串指定字符分割成数组的方法
Mar 12 #PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
Mar 12 #PHP
php取出数组单个值的方法
Mar 12 #PHP
php合并数组并保留键值的实现方法
Mar 12 #PHP
php删除二维数组中的重复值方法
Mar 12 #PHP
You might like
linux php mysql数据库备份实现代码
2009/03/10 PHP
PHP实现多图片上传类实例
2014/07/26 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
Thinkphp自定义生成缩略图尺寸的方法
2019/08/05 PHP
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
简单选项卡 js和jquery制作方法分享
2014/02/26 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
jQuery Form插件使用详解_动力节点Java学院整理
2017/07/17 jQuery
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
2018/10/18 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
python 实时遍历日志文件
2016/04/12 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
python cumsum函数的具体使用
2019/07/29 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
Python的互斥锁与信号量详解
2019/09/12 Python
Python多进程编程常用方法解析
2020/03/26 Python
css3实现可滑动跳转的分页插件示例
2014/05/08 HTML / CSS
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
游戏商店:Eneba
2020/04/25 全球购物
护理个人求职信范文
2014/01/08 职场文书
交通文明倡议书
2014/05/16 职场文书
奉献演讲稿范文
2014/05/21 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
大学生军训感言
2015/08/01 职场文书
Android 中的类文件和类加载器详情
2022/06/05 Java/Android
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技