手册
目录
下例将演示网页如何使用 AJAX 从数据库中获取信息:
在下拉列表中选择一个客户:
将在本例中使用的数据库看起来类似这样:
| id | CustomerID | CompanyName | ContactName | Address | City | PostalCode | Country |
|---|---|---|---|---|---|---|---|
| 1 | Alibaba | Alibaba Group | Ma Yun | ...... | Hangzhou | 310002 | China |
| 2 | APPLE | Apple Inc. | Tim Cook | ...... | Cupertino | 95014 | USA |
| 3 | BAIDU | BAIDU Inc. | Li YanHong | ...... | Beijing | 100080 | China |
| 4 | Canon | Canon USA Inc. | Tsuneji Uchida | ...... | New York | 11042 | USA |
在上面的例子中,当用户在上面的下拉列表中选择客户时,会执行一个名为 showUser() 的函数。
该函数由 onchange 事件触发。
这是 HTML 代码:
运行实例
首先,检查是否选择了任何客户。如果没有选择人员(str == ""),则清除 txtHint 的内容并退出函数。
如果选择了某个客户,则执行以下操作:
XMLHttpRequest 对象q(带有下拉列表的内容)上面 JavaScript 调用的服务器上的页面是一个名为 getuser.php 的 PHP 文件。
getuser.php 中的源代码针对 MySQL 数据库运行查询,并将结果以 HTML 表格的形式返回:
$q = intval($_GET['q']);
$con = mysqli_connect('MyServer','MyUser','MyPassword');
if (!$con) {
die('无法连接:' . mysqli_error($con));
}
mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM user WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);
echo "| CustomerID | " . $row['CustomerID'] . " |
|---|---|
| CompanyName | " . $row['CompanyName'] . " |
| ContactName | " . $row['ContactName'] . " |
| Address | " . $row['Address'] . " |
| City | " . $row['City'] . " |
| PostalCode | " . $row['PostalCode'] . " |
| Country | " . $row['Country'] . " |
当从 JavaScript 向 PHP 文件发送查询时,会发生以下情况:
txtHint 占位符相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习