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

php  /  管理员 发布于 7年前   438

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

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 实现输入读取数据库显示匹配信息的全部内容，希望大家喜欢。

您可能感兴趣的文章:

• php+ajax实现无刷新动态加载数据技术
• php采用ajax数据提交post与post常见方法总结
• php+ajax+jquery实现点击加载更多内容
• ajax调用返回php接口返回json数据的方法(必看篇)
• PHP+ajax 无刷新删除数据
• php+ajax实现带进度条的大数据排队导出思路以及源码
• ajax提交数据到后台php接收(实现方法)
• PHP中如何判断AJAX提交的数据
• php+ajax实现商品对比功能示例