php+ajax 实现输入读取数据库显示匹配信息


Posted in PHP onOctober 08, 2015

废话不多说了,直接跟大家贴代码了

dropbox_index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>主搜索引擎下拉框自动显示数据</title>
</head>
<script src="js/dropbox.js" type="text/javascript"></script>
<link href="css/dropbox.css" type="text/css" rel="stylesheet"/>
<body>
<form action="" method="post" enctype="multipart/form-data">
        <input name="txt" id="txt" class="txt" type="text" onkeyup ="showHint(this.value)" />    
        <input type="submit" class="btn" name="submit" value="Upload" /><br />
        <span id="txtHint" class="file-box"></span>
</form>
</body>
</html>

dropbox.js    ajax     

var xmlHttp
    function showHint(str)
    {
      if (str.length==0)
      { 
       document.getElementById("txtHint").innerHTML=""
       return
      }
      xmlHttp=GetXmlHttpObject()
      if (xmlHttp==null)
       {
         alert ("Browser does not support HTTP Request")
         return
       } 
      var url="responsepage.php"
      url=url+"?q="+str
      url=url+"&sid="+Math.random()
      xmlHttp.onreadystatechange=stateChanged 
      xmlHttp.open("GET",url,true)
      xmlHttp.send(null)
    }      
    //设置回调函数
    function stateChanged() 
    { 
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
       { 
        document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
       } 
    }
    function GetXmlHttpObject()
    {
      var xmlHttp=null;
      try
       {
         // Firefox, Opera 8.0+, Safari
         xmlHttp=new XMLHttpRequest();
      }
      catch (e)
      {
         // Internet Explorer
         try
         {
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
         }
         catch (e)
         {
          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
       }
      return xmlHttp;
    }

dropbox.css

.txt{ height:22px; border:1px solid #cdcdcd; width:220px;border-right:none;}
.btn{ background-color:#FFF; border:1px solid #CDCDCD;height:26px; width:70px;}

responsepage.php

<?php
  //get the q parameter from URL  
  $q=$_GET["q"];
  //全部小写化
  $q=strtolower($q);
  //非空验证
  if(isset($q) && $q != '')
  {
    $con = mysql_connect("localhost","root","lifu");
    if(!$con)
    {  
      die('Could not connect: ' .mysql_error());
    }
    mysql_select_db("my_db",$con);
    
    $sql = "select * from persons";
    //$sql="SELECT FirstName FROM Persons where Firstname like '%$q%'";
  
    $result =mysql_query($sql,$con);
    while($row = mysql_fetch_array($result))
     {
       //匹配判断
       if(stristr(strtolower($row['FirstName']),$q))
       {
         //echo "-----------------Persons-----------------";
         echo /* "firstname:" .*/ $row['FirstName'] . "<br />";
         //echo "lastname:" . $row['LastName'] . "<br />";
         //echo "age:" . $row['Age'] . "<br />";
       }
       //echo $row['FirstName'] . "<br />";
     }
    mysql_close($con);
   }
?>

数据库:

php+ajax 实现输入读取数据库显示匹配信息

以上就是本文给大家介绍的php+ajax 实现输入读取数据库显示匹配信息的全部内容,希望大家喜欢。

PHP 相关文章推荐
一个高ai的分页函数和一个url函数
Oct 09 PHP
PHP新手上路(十二)
Oct 09 PHP
PHP 危险函数全解析
Sep 09 PHP
PHP在字符断点处截断文字的实现代码
Apr 21 PHP
PHP内核介绍及扩展开发指南―基础知识
Sep 11 PHP
PHP判断远程图片是否存在的几种方法
May 04 PHP
PHP抓取及分析网页的方法详解
Apr 26 PHP
解决出现SoapFault (looks like we got no XML document)的问题
Jun 24 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
Aug 21 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
Oct 11 PHP
浅谈Laravel模板实体转义带来的坑
Oct 22 PHP
php如何实现数据库的备份和恢复
Nov 30 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
Oct 08 #PHP
php 问卷调查结果统计
Oct 08 #PHP
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
Oct 08 #PHP
php开发微信支付获取用户地址
Oct 04 #PHP
浅谈使用PHP开发微信支付的流程
Oct 04 #PHP
8个必备的PHP功能开发
Oct 02 #PHP
PHP人民币金额转大写实例代码
Oct 02 #PHP
You might like
神族 Protoss 剧情介绍
2020/03/14 星际争霸
php网页后退不再出现过期
2007/03/08 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
PHP管理依赖(dependency)关系工具 Composer的自动加载(autoload)
2014/08/18 PHP
使用php的HTTP请求的库Requests实现美女图片墙
2015/02/22 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
使用基于jquery的gamequery插件做JS乒乓球游戏
2011/07/31 Javascript
js调用后台servlet方法实例
2013/06/09 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
jQuery实现选项联动轮播效果【附实例】
2016/04/19 Javascript
jQuery得到多个值只能用取Class ,不能用取ID的方法
2016/12/04 Javascript
基于AGS JS开发自定义贴图图层
2017/03/31 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
Python 序列化 pickle/cPickle模块使用介绍
2014/11/30 Python
python模仿网页版微信发送消息功能
2018/02/24 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
社区服务标语
2014/07/01 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
四年级学生期末评语
2014/12/26 职场文书
车间主任岗位职责
2015/02/03 职场文书
小学运动会前导词
2015/07/20 职场文书
go语言中fallthrough的用法说明
2021/05/06 Golang
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js
Redis可视化客户端小结
2021/06/10 Redis
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android