当前位置:首页 > PHP教程 > php应用 > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2021-06-19 23:28:03 浏览: 评论:0 

这篇文章主要介绍了php+ajax 实现输入读取数据库显示匹配信息的相关资料,需要的朋友可以参考下。

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

dropbox_index.php

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

dropbox.js    ajax

  1. var xmlHttp 
  2.     function showHint(str) 
  3.     { 
  4.       if (str.length==0) 
  5.       {  
  6.        document.getElementById("txtHint").innerHTML="" 
  7.        return 
  8.       } 
  9.       xmlHttp=GetXmlHttpObject() 
  10.       if (xmlHttp==null) 
  11.        { 
  12.          alert ("Browser does not support HTTP Request"
  13.          return 
  14.        }  
  15.       var url="responsepage.php" 
  16.       url=url+"?q="+str 
  17.       url=url+"&sid="+Math.random() 
  18.       xmlHttp.onreadystatechange=stateChanged  
  19.       xmlHttp.open("GET",url,true) 
  20.       xmlHttp.send(null) 
  21.     }       
  22.     //设置回调函数 
  23.     function stateChanged()  
  24.     {  
  25.       if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"
  26.        {  
  27.         document.getElementById("txtHint").innerHTML=xmlHttp.responseText  
  28.        }  
  29.     } 
  30.     function GetXmlHttpObject() 
  31.     { 
  32.       var xmlHttp=null; 
  33.       try 
  34.        { 
  35.          // Firefox, Opera 8.0+, Safari 
  36.          xmlHttp=new XMLHttpRequest(); 
  37.       } 
  38.       catch (e) 
  39.       { 
  40.          // Internet Explorer 
  41.          try 
  42.          { 
  43.           xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
  44.          } 
  45.          catch (e) 
  46.          { 
  47.           xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  48.          } 
  49.        } 
  50.       return xmlHttp; 
  51.     } 
  52. dropbox.css 
  53.  
  54. .txt{ height:22px; border:1px solid #cdcdcd; width:220px;border-right:none;} 
  55. .btn{ background-color:#FFF; border:1px solid #CDCDCD;height:26px; width:70px;} 

responsepage.php

  1. <?php 
  2.   //get the q parameter from URL   
  3.   $q=$_GET["q"]; 
  4.   //全部小写化 
  5.   $q=strtolower($q); 
  6.   //非空验证 
  7.   if(isset($q) && $q != ''
  8.   { 
  9.     $con = mysql_connect("localhost","root","lifu"); 
  10.     if(!$con
  11.     {   
  12.       die('Could not connect: ' .mysql_error()); 
  13.     } 
  14.     mysql_select_db("my_db",$con); 
  15.       
  16.     $sql = "select * from persons"
  17.     //$sql="SELECT FirstName FROM Persons where Firstname like '%$q%'"; 
  18.     
  19.     $result =mysql_query($sql,$con); 
  20.     while($row = mysql_fetch_array($result)) 
  21.      { 
  22.        //匹配判断 
  23.        if(stristr(strtolower($row['FirstName']),$q)) 
  24.        { 
  25.          //echo "-----------------Persons-----------------"; 
  26.          echo /* "firstname:" .*/ $row['FirstName'] . "<br />"
  27.          //echo "lastname:" . $row['LastName'] . "<br />"; 
  28.          //echo "age:" . $row['Age'] . "<br />"; 
  29.        } 
  30.        //echo $row['FirstName'] . "<br />"; 
  31.      } 
  32.     mysql_close($con); 
  33.    } 
  34. ?>

Tags: php+ajax php读取数据库

分享到: