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中显示数组与对象的实现代码
Apr 18 PHP
PHP实现今天是星期几的几种写法
Sep 26 PHP
php检测用户是否用手机(Mobile)访问网站的类
Jan 09 PHP
PHP基于工厂模式实现的计算器实例
Jul 16 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
Oct 10 PHP
YiiFramework入门知识点总结(图文教程)
Dec 28 PHP
ThinkPHP中session函数详解
Sep 14 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
Oct 10 PHP
PHP读取zip文件的方法示例
Nov 17 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
Jul 09 PHP
PHP学习记录之常用的魔术常量详解
Dec 12 PHP
thinkphp诸多限制条件下如何getshell详解
Dec 09 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 smarty的预保留变量总结
2008/12/04 PHP
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
PHP数据类型的总结分析
2013/06/13 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
jQuery的一些注意
2006/12/06 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
2012/05/24 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
javascript表单验证大全
2015/08/12 Javascript
jQuery树形下拉菜单特效代码分享
2015/08/15 Javascript
jQuery实现图片局部放大镜效果
2016/03/17 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
微信小程序 template模板详解及实例代码
2017/03/09 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
ES6中箭头函数的定义与调用方式详解
2017/06/02 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
Python获取服务器信息的最简单实现方法
2015/03/05 Python
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
python删除某个字符
2018/03/19 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
Python识别html主要文本框过程解析
2020/02/18 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
ajax是什么及其工作原理
2012/02/08 面试题
企业厂务公开实施方案
2014/03/26 职场文书
关于学习的演讲稿
2014/05/10 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript