使用 PHP 解析 JSON 文件并在网页上显示特定数据-php教程-PHP中文网

使用 php 解析 json 文件并在网页上显示特定数据

本文旨在帮助开发者学习如何使用 PHP 解析 JSON 文件，并提取其中的特定数据，将其以结构化的方式展示在网页上。我们将通过一个简单的示例，演示如何读取 JSON 数据，解析成 PHP 数组，并最终以 HTML 表格的形式呈现。

PHP 解析 JSON 数据

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式，易于阅读和编写，也易于机器解析和生成。在 Web 开发中，经常需要从服务器端获取 JSON 数据，然后在客户端进行解析和展示。PHP 提供了 json_decode() 函数，可以将 JSON 字符串转换为 PHP 数组或对象。

示例代码：

假设我们有一个名为 data.json 的 JSON 文件，内容如下：

{
  "lose": [
    {
      "Zustand": "geschlossen",
      "Losnummer": 1,
      "Gewinnklasse": "A",
      "Preis": 10
    },
    {
      "Zustand": "geschlossen",
      "Losnummer": 2,
      "Gewinnklasse": "B",
      "Preis": 20
    }
  ]
}

我们可以使用以下 PHP 代码读取该文件并解析 JSON 数据：

<?php // 从文件中读取 JSON 数据
$json_string = file_get_contents('data.json');

// 将 JSON 字符串解码为 PHP 数组
$data = json_decode($json_string, true);

// 检查是否成功解码
if ($data === null) {
  echo "JSON decoding failed: " . json_last_error_msg();
  exit;
}

// 打印解析后的数据 (用于调试)
// echo "<pre class="brush:php;toolbar:false;">";
// print_r($data);
// echo "

"; // 创建 HTML 表格 echo ""; echo ""; // 表头 // 循环遍历 "lose" 数组，并提取数据 foreach ($data["lose"] as $single) { echo ""; echo ""; echo ""; echo ""; } echo "

Zustand	Losnummer
" . $single['Zustand'] . "	" . $single['Losnummer'] . "

"; ?>

代码解释：

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

file_get_contents('data.json'): 读取 data.json 文件的内容，并将其存储在 $json_string 变量中。
json_decode($json_string, true): 将 $json_string 中的 JSON 数据解码为 PHP 数组。第二个参数 true 指定将 JSON 对象解码为关联数组。如果省略或设置为 false，则 JSON 对象将被解码为 PHP 对象。
if ($data === null): 检查 json_decode 是否成功。如果解码失败，$data 将为 null，并输出错误信息。
foreach ($data["lose"] as $single): 循环遍历 $data 数组中名为 "lose" 的数组。 $single 变量在每次迭代中都包含 "lose" 数组中的一个元素（一个关联数组）。
echo "" . $single['Zustand'] . "";: 从 $single 数组中提取 "Zustand" 键的值，并将其嵌入到 HTML 表格单元格中。

注意事项：

确保 data.json 文件存在于 PHP 脚本可以访问的位置。
json_decode() 函数可能会因为 JSON 格式错误而失败。使用 json_last_error_msg() 函数可以获取最近一次 JSON 解码错误的详细信息。
在生产环境中，应该对用户输入进行适当的验证和转义，以防止安全漏洞，如 XSS 攻击。

使用 AJAX 加载 JSON 数据

除了直接在 PHP 中读取 JSON 文件，还可以使用 AJAX 从服务器异步加载 JSON 数据。这允许你在不重新加载整个页面的情况下更新网页内容。

示例代码 (HTML/JavaScript):



<title>Load JSON Data</title><script>
function loadData() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      var data = JSON.parse(this.responseText);
      displayData(data);
    }
  };
  xhttp.open("GET", "data.json", true);
  xhttp.send();
}

function displayData(data) {
  var table = "<table border='1'><tr><th>Zustand<th>Losnummer";
  for (var i = 0; i < data.lose.length; i++) {
    table += "<tr><td>" + data.lose[i].Zustand + "<td>" + data.lose[i].Losnummer + "";
  }
  table += "";
  document.getElementById("dataContainer").innerHTML = table;
}
</script><div id="dataContainer"></div>

代码解释：

loadData() 函数使用 XMLHttpRequest 对象从 data.json 文件异步加载数据。
JSON.parse(this.responseText) 将从服务器接收到的 JSON 字符串转换为 JavaScript 对象。
displayData(data) 函数接收解析后的 JavaScript 对象，并动态创建 HTML 表格来显示数据。
document.getElementById("dataContainer").innerHTML = table; 将生成的 HTML 表格插入到 dataContainer div 中。
onload="loadData()" 确保在页面加载完成后调用 loadData() 函数。

总结：

通过本文，你学习了如何使用 PHP 解析 JSON 文件，并将其中的数据以结构化的方式展示在网页上。你还学习了如何使用 AJAX 从服务器异步加载 JSON 数据。这些技术对于构建动态和交互式的 Web 应用程序非常有用。记住，在实际应用中，要根据具体需求进行适当的错误处理和数据验证，以确保应用程序的稳定性和安全性。

php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！