用户名  找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2042|回复: 0
打印 上一主题 下一主题

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

[复制链接]

2560

主题

2560

帖子

7622

积分

论坛元老

Rank: 8Rank: 8

积分
7622
跳转到指定楼层
楼主
发表于 2018-2-14 05:42:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            废话不多说了,直接跟大家贴代码了
dropbox_index.php
主搜索引擎下拉框自动显示数据

           
        
        

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+ajax 实现输入读取数据库显示匹配信息的全部内容,希望大家喜欢。
            
            
您可能感兴趣的文章:
  • ajax php 实现写入数据库
  • Ajax PHP 边学边练 之三 数据库
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端