手册

目录

数据库

收藏862

阅读2675

更新时间2025-08-06

AJAX 数据库实例

下例将演示网页如何使用 AJAX 从数据库中获取信息:

实例

在下拉列表中选择一个客户:

实例解释 - MySQL 数据库

将在本例中使用的数据库看起来类似这样:

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 对象
  • 创建服务器响应就绪时要执行的函数
  • 将请求发送到服务器上的文件
  • 请注意,URL 中添加了一个参数 q(带有下拉列表的内容)

PHP 文件

上面 JavaScript 调用的服务器上的页面是一个名为 getuser.php 的 PHP 文件。

getuser.php 中的源代码针对 MySQL 数据库运行查询,并将结果以 HTML 表格的形式返回:

getuser.php

$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 "";
while($row = mysqli_fetch_array($result)) {
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
    echo "";
}
echo "
CustomerID" . $row['CustomerID'] . "
CompanyName" . $row['CompanyName'] . "
ContactName" . $row['ContactName'] . "
Address" . $row['Address'] . "
City" . $row['City'] . "
PostalCode" . $row['PostalCode'] . "
Country" . $row['Country'] . "
"; mysqli_close($con);

例子解释:

当从 JavaScript 向 PHP 文件发送查询时,会发生以下情况:

  1. PHP 打开与 MySQL 服务器的连接
  2. 找到正确的人员
  3. 创建一个 HTML 表格,填充数据,并将其发送回 txtHint 占位符

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号