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

，

本文原创发布php中文网，转载请注明出处，感谢您的尊重！