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读取xml实例代码
Jan 28 PHP
PHP 创建文件(文件夹)以及目录操作代码
Mar 04 PHP
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
Dec 05 PHP
基于Zend的Captcha机制的应用
May 02 PHP
深入理解curl类,可用于模拟get,post和curl下载
Jun 08 PHP
PHP与Java进行通信的实现方法
Oct 21 PHP
php使用百度ping服务代码实例
Jun 19 PHP
制作个性化的WordPress登陆界面的实例教程
May 21 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
Sep 01 PHP
PHP十六进制颜色随机生成器功能示例
Jul 24 PHP
PHP生成随机码的思路与方法实例探索
Apr 11 PHP
thinkPHP5.1框架中Request类四种调用方式示例
Aug 03 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解决的一个栈的面试题
2014/07/02 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
Javascript实现的分页函数
2006/12/22 Javascript
jquery中dom操作和事件的实例学习-表单验证
2011/11/30 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
Vue渲染过程浅析
2019/03/14 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
python将图片文件转换成base64编码的方法
2015/03/14 Python
Python编程之event对象的用法实例分析
2017/03/23 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
python的常见矩阵运算(小结)
2019/08/07 Python
Python使用matplotlib 画矩形的三种方式分析
2019/10/31 Python
浅析Django中关于session的使用
2019/12/30 Python
CSS3——齿轮转动关键代码
2013/05/02 HTML / CSS
借助HTML5 Canvas API制作一个简单的猜字游戏
2016/03/25 HTML / CSS
亚马逊印度站:Amazon.in
2017/10/15 全球购物
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
在职研究生自我鉴定
2013/10/16 职场文书
大学生学习党课思想汇报
2014/01/03 职场文书
学生生病请假条范文
2014/02/16 职场文书
陈欧的广告词
2014/03/18 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
禁毒心得体会范文
2016/01/15 职场文书
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
vue3.0 数字翻牌组件的使用方法详解
2022/04/20 Vue.js