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

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

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

";
  //echo "lastname:" . $row['LastName'] . "
";
  //echo "age:" . $row['Age'] . "
";
}
//echo $row['FirstName'] . "
";
     }
    mysql_close($con);
   }
?>

数据库：

以上就是本文给大家介绍的php+ajax 实现输入读取数据库显示匹配信息的全部内容，希望大家喜欢。