PHP使用 AJAX 技术从 MySQL 数据库中读取信息

这里将一个简单的例子。php通过一个下拉菜单显示相关信息。
mysql数据库看起来类似这样,数据库表名称user
id      Name     Adress
1      张三       北京
2      李四       上海
3      王五       南京
4      赵六       深圳

HTML首页,指向 JavaScript 的链接:
<html>
<head>
<script src="test.js"></script>
</head>
<body>

<form>
Select a User:
<select name="users" onchange="showUser(this.value)">
<option value="0">请选择</option>
<option value="1">张三</option>
<option value="2">李四</option>
<option value="3">王五</option>
<option value="4">赵六</option>
</select>
</form>

<p>
<div id="txtHint"><b>User info will be listed here.</b></div>
</p>

</body>
</html>

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文件

<?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 "<table border='1'>
<tr>
<th>用户</th>
<th>地址</th>
</tr>";

while($row = mysql_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['Name'] . "</td>";
echo "<td>" . $row['Adress'] . "</td>";
echo "</tr>";
}
echo "</table>";

mysql_close($con);
?>
  • 下载列表

目前有 0 条评论

昵称
邮箱
主页
提交
订阅