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 相关文章推荐
php 分页原理详解
Aug 21 PHP
批量去除PHP文件中bom的PHP代码
Mar 13 PHP
php警告Creating default object from empty value 问题的解决方法
Apr 02 PHP
Ubuntu下安装PHP的mongodb扩展操作命令
Jul 04 PHP
php实现短信发送代码
Jul 05 PHP
php根据日期显示所在星座的方法
Jul 13 PHP
php mysql 封装类实例代码
Sep 18 PHP
利用ajax和PHP实现简单的流程管理
Mar 23 PHP
yii2使用gridView实现下拉列表筛选数据
Apr 10 PHP
Laravel构建即时应用的一种实现方法详解
Aug 31 PHP
PHP大文件切割上传并带进度条功能示例
Jul 01 PHP
PHP实现基本留言板功能原理与步骤详解
Mar 26 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
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
用客户端js实现带省略号的分页
2013/04/27 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
JavaScript中的getMilliseconds()方法使用详解
2015/06/10 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
全面了解JavaScript对象进阶
2016/07/19 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
python解析xml文件实例分析
2015/05/27 Python
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
Python numpy实现数组合并实例(vstack,hstack)
2018/01/09 Python
Python中存取文件的4种不同操作
2018/07/02 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
安装python及pycharm的教程图解
2019/10/10 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
Python实现我的世界小游戏源代码
2021/03/02 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
使用HTML5的Canvas绘制曲线的简单方法
2015/09/08 HTML / CSS
澳大利亚领先的在线美容商店:Facial Co
2017/10/22 全球购物
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
上学迟到的检讨书
2014/01/11 职场文书
音乐会主持人开场白
2015/05/28 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
高中诗歌鉴赏教学反思
2016/02/16 职场文书
golang 实现菜单树的生成方式
2021/04/28 Golang
只需要这一行代码就能让python计算速度提高十倍
2021/05/24 Python
一起来学习Python的元组和列表
2022/03/13 Python