编程 PHP

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+ajax 实现输入读取数据库显示匹配信息

- Author -

GaoAnLee

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

使用 MySQL Date/Time 类型

Mar 26 PHP

PHP下利用header()函数设置浏览器缓存的代码

Sep 01 PHP

深入理解PHP原理之Session Gc的一个小概率Notice

Apr 12 PHP

php.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)

Jul 01 PHP

深入探讨:Nginx 502 Bad Gateway错误的解决方法

Jun 03 PHP

php截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析

Jun 10 PHP

PHP封装的Twitter访问类实例

Jul 18 PHP

php对二维数组进行相关操作（排序、转换、去空白等）

Nov 04 PHP

PHP中set error handler函数用法小结

Nov 11 PHP

Yii CGridView用法实例详解

Jul 12 PHP

Yii框架弹出框功能示例

Jan 07 PHP

PHPUnit测试私有属性和方法功能示例

Jun 12 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