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 相关文章推荐
分页显示Oracle数据库记录的类之二
Oct 09 PHP
个人站长制做网页常用的php代码
Mar 03 PHP
php之Memcache学习笔记
Jun 17 PHP
关于查看MSSQL 数据库 用户每个表 占用的空间大小
Jun 21 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
Feb 18 PHP
PHP解析html类库simple_html_dom的转码bug
May 22 PHP
Zend Framework分页类用法详解
Mar 22 PHP
100行PHP代码实现socks5代理服务器
Apr 28 PHP
Yii2简单实现多语言配置的方法
Jul 23 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
Jul 28 PHP
Laravel实现短信注册的示例代码
May 29 PHP
php微信开发之关键词回复功能
Jun 13 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采集相关教程之一 CURL函数库
2010/02/15 PHP
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
AspNet中使用JQuery boxy插件的确认框
2015/05/20 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
Vue的土著指令和自定义指令实例详解
2018/02/04 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
vue项目中使用vue-i18n报错的解决方法
2019/01/13 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
python实现顺序表的简单代码
2018/09/28 Python
python实现将汉字保存成文本的方法
2018/11/16 Python
详解python调用cmd命令三种方法
2019/07/08 Python
Python学习笔记之Break和Continue用法分析
2019/08/14 Python
Flask处理Web表单的实现方法
2021/01/31 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
英国领先的汽车轮胎和快速健康中心:Kwik Fit
2017/10/29 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
会计出纳岗位职责
2013/12/25 职场文书
小学教师师德感言
2014/02/10 职场文书
python实现简单的名片管理系统
2021/04/26 Python
python process模块的使用简介
2021/05/14 Python