本文介绍了如何在 PHP 中从数据库获取数据并将其编码为 JSON 格式，然后通过 AJAX 请求传递到另一个页面。重点讲解了如何在接收页面解析 JSON 数据，并将 JSON 数组中的特定值提取并赋值给变量，以便在后续的 PHP 函数中使用。
从数据库获取数据并编码为 JSON
首先，我们需要从数据库中获取数据，并将其转换为 JSON 格式。以下是一个示例 PHP 代码片段，用于从名为 json 的数据库表中检索数据，并将结果编码为 JSON 字符串：
<?php
// 假设已建立数据库连接，变量名为 $connection
$id = $_GET['id']; // 从 GET 请求中获取 ID (示例)
$json = [];
$query = "SELECT * FROM json WHERE id='" . $id . "'";
$run = mysqli_query($connection, $query);
$i = 0;
while ($exe = mysqli_fetch_array($run, MYSQLI_ASSOC)) {
$json[$i]["name"] = $exe["name"];
$i++;
}
echo json_encode($json);
?>代码解释：
立即学习“PHP免费学习笔记（深入）”；
- $json = [];: 初始化一个空数组，用于存储从数据库查询得到的数据。
- *`$query = "SELECT FROM json WHERE id='" . $id . "'";**: 构造 SQL 查询语句，根据id从json` 表中选择所有字段。注意：强烈建议使用预处理语句和参数绑定来防止 SQL 注入攻击。
- $run = mysqli_query($connection, $query);: 执行 SQL 查询。
- while ($exe = mysqli_fetch_array($run, MYSQLI_ASSOC)) { ... }: 循环遍历查询结果，将每一行数据以关联数组的形式存储到 $exe 变量中。
- $json[$i]["name"] = $exe["name"];: 将 $exe 数组中 name 字段的值赋值给 $json 数组的相应元素。
- echo json_encode($json);: 使用 json_encode() 函数将 PHP 数组转换为 JSON 字符串，并通过 echo 输出。这是关键一步，将数据转换为前端可以理解的格式。
通过 AJAX 获取 JSON 数据
接下来，假设你使用 JavaScript 的 AJAX 技术从服务器获取 JSON 数据。以下是一个示例 JavaScript 代码片段，展示了如何使用 fetch API 发送 AJAX 请求并处理响应：
fetch('your_php_script.php?id=123') // 替换为你的 PHP 脚本 URL 和参数
.then(response => response.json()) // 解析 JSON 响应
.then(data => {
// 在这里处理 JSON 数据
console.log(data);
// 调用函数处理数据
success(data);
})
.catch(error => {
console.error('Error:', error);
});代码解释：
立即学习“PHP免费学习笔记（深入）”；
- fetch('your_php_script.php?id=123'): 使用 fetch API 发送 GET 请求到指定的 PHP 脚本。你需要将 your_php_script.php 替换为你的 PHP 脚本的实际 URL，并根据需要添加查询参数。
- .then(response => response.json()): 当请求成功时，使用 response.json() 方法将响应体解析为 JSON 对象。这是一个异步操作，所以使用 .then() 方法来处理解析后的 JSON 数据。
- .then(data => { ... }): 在成功解析 JSON 数据后，使用 .then() 方法来处理数据。data 变量将包含从服务器返回的 JSON 对象。
- console.log(data);: 将 JSON 数据打印到控制台，以便查看数据的结构和内容。
- success(data);: 调用 success 函数来处理 JSON 数据。
- .catch(error => { ... }): 如果请求失败或解析 JSON 数据时发生错误，使用 .catch() 方法来捕获错误。error 变量将包含错误信息。
解析 JSON 数据并将值赋给变量
在接收页面（例如 page 2）的 JavaScript 代码中，你需要解析接收到的 JSON 数据，并将 JSON 数组中的特定值提取并赋值给变量。以下是一个示例 success 函数，展示了如何实现这一目标：
function success(data) {
// 假设 data 是一个 JSON 数组，包含多个对象
if (data && data.length > 0) {
// 获取第一个对象的 "name" 属性值
var name = data[0]["name"];
// 现在你可以使用 name 变量
console.log("Name: " + name);
// 示例：使用 name 变量构造一个新的查询字符串
var query1 = "select name from json1 where name='" + name + "'";
console.log("Query: " + query1);
// 在这里可以继续使用 name 变量执行其他操作
} else {
console.log("No data received or data is empty.");
}
}代码解释：
立即学习“PHP免费学习笔记（深入）”；
- function success(data) { ... }: 定义一个名为 success 的函数，该函数接受一个名为 data 的参数，该参数将包含从服务器返回的 JSON 对象。
- if (data && data.length > 0) { ... }: 检查 data 是否存在且不为空数组。这可以防止在没有数据的情况下尝试访问数组元素时发生错误。
- var name = data[0]["name"];: 假设 JSON 数据是一个数组，此行代码从数组的第一个元素（索引为 0）中提取 name 属性的值，并将其赋值给名为 name 的变量。
- console.log("Name: " + name);: 将 name 变量的值打印到控制台，以便验证该值是否正确。
- var query1 = "select name from json1 where name='" + name + "'";: 使用 name 变量构造一个新的 SQL 查询字符串。注意：仍然建议使用预处理语句和参数绑定来防止 SQL 注入攻击。
- console.log("Query: " + query1);: 将新构造的 SQL 查询字符串打印到控制台，以便验证查询字符串是否正确。
- // 在这里可以继续使用 name 变量执行其他操作: 可以在此处使用 name 变量执行其他操作，例如更新 DOM 元素或发送新的 AJAX 请求。
- else { ... }: 如果 data 不存在或为空数组，则执行 else 块中的代码。
- console.log("No data received or data is empty.");: 将一条消息打印到控制台，指示未收到任何数据或数据为空。
总结与注意事项
- 确保在 PHP 中使用 json_encode() 函数将数据编码为 JSON 格式。
- 在 JavaScript 中使用 response.json() 或 JSON.parse() 解析 JSON 数据。
- 在访问 JSON 数组元素之前，始终检查数据是否存在且不为空。
- 务必注意 SQL 注入安全问题，强烈建议使用预处理语句和参数绑定来防止 SQL 注入攻击。
- 根据实际情况调整代码，例如修改 URL、参数名称和属性名称。
- 使用浏览器的开发者工具（例如 Chrome DevTools）来调试代码，查看网络请求和响应，以及 JavaScript 控制台输出。
- 确保你的 PHP 脚本已正确配置，并且可以从 Web 服务器访问。
- 确保你的 JavaScript 代码已正确加载，并且可以执行。
通过以上步骤，你就可以成功地从 PHP 中获取 JSON 数据，并通过 AJAX 请求传递到另一个页面，并在接收页面解析 JSON 数据，并将 JSON 数组中的特定值提取并赋值给变量，以便在后续的 PHP 函数中使用。
