这里将一个简单的例子。php通过一个下拉菜单显示相关信息。
mysql数据库看起来类似这样,数据库表名称user
id Name Adress
1 张三 北京
2 李四 上海
3 王五 南京
4 赵六 深圳 [break]
HTML首页,指向 JavaScript 的链接:
Select a User:
请选择
张三
李四
王五
赵六
JavaScript页面,test.js保存文件。
var xmlHttp
function showUser(str)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="getuser.php"
url=url+"?q="+str
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;
}
js中getuser.php文件
$q=$_GET["q"];
$con = mysql_connect('localhost', '数据库用户名', '数据库密码');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("数据库名称", $con);
$sql="SELECT * FROM user WHERE id = '".$q."'";
$result = mysql_query($sql);
echo "
用户 | 地址 |
---|
while($row = mysql_fetch_array($result))
{
echo "
";echo "
" . $row['Name'] . "";echo "
" . $row['Adress'] . "";echo "
";}
echo "
";mysql_close($con);
?>