本文详解如何在 PHP Web 页面中通过点击按钮，对 JSON 格式存储的多维数组（如学生成绩数据）按 nilai_pengetahuan 字段实时执行升序或降序排序，并安全渲染到 HTML 表格中。

本文详解如何在 php web 页面中通过点击按钮，对 json 格式存储的多维数组（如学生成绩数据）按 `nilai_pengetahuan` 字段实时执行升序或降序排序，并安全渲染到 html 表格中。

在实际开发中，常需对从文件（如 array.txt）读取的 JSON 数据进行交互式排序。但原始代码存在逻辑顺序错误：foreach 循环在条件判断之前执行，导致无论是否提交排序请求，页面始终显示原始未排序数据；同时缺少表单封装、错误处理与输出安全机制，易引发 XSS 风险或运行异常。

以下是经过重构的专业级实现方案：

✅ 正确的执行顺序与结构

必须先完成排序逻辑（usort），再遍历输出。所有 $_POST 判断应在数据渲染前完成，确保 $nilai 始终为最新排序结果。

btpanel phpsite 宝塔面板PHP网站

宝塔面板 PHP 网站管理：站点创建、删除、启停、PHP 版本切换、域名管理、SSL证书管理、伪静态管理、数据库管理

下载

✅ 完整可运行示例代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>学生成绩排序</title>
  <style>
    table { border-collapse: collapse; width: 100%; margin-top: 1rem; }
    th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
    th { background-color: #f2f2f2; }
  </style>
</head>
<body>

<h2>学生成绩列表（按“知识分”排序）</h2>

<!-- 排序表单：确保按钮在 POST 上下文中提交 -->
<form method="post" style="margin-bottom: 1rem;">
  <input type="submit" name="asc" value="↑ 升序（从小到大）" class="btn btn-primary">
  <input type="submit" name="desc" value="↓ 降序（从大到小）" class="btn btn-primary">
</form>

<?php
// 1. 安全读取并解析 JSON 数据
$filePath = 'array.txt';
if (!file_exists($filePath)) {
  die('<p class="error">错误：数据文件 array.txt 不存在。</p>');
}

$jsonContent = file_get_contents($filePath);
if ($jsonContent === false) {
  die('<p class="error">错误：无法读取文件内容。</p>');
}

$nilai = json_decode($jsonContent, true);
if (json_last_error() !== JSON_ERROR_NONE || !is_array($nilai)) {
  die('<p class="error">错误：文件内容不是有效的 JSON 数组。</p>');
}

// 2. 执行排序逻辑（关键：必须在 foreach 之前！）
if (isset($_POST['asc'])) {
  usort($nilai, function($a, $b) {
    // 强制转为整数，避免字符串比较（如 "9" > "10"）
    return (int)$a['nilai_pengetahuan'] <=> (int)$b['nilai_pengetahuan'];
  });
} elseif (isset($_POST['desc'])) {
  usort($nilai, function($a, $b) {
    return (int)$b['nilai_pengetahuan'] <=> (int)$a['nilai_pengetahuan'];
  });
}
// 若无 POST 提交，则保持原始顺序（可选：默认按某字段排序）

// 3. 安全渲染表格
echo '<table><thead><tr><th>姓名</th><th>知识分（nilai_pengetahuan）</th><th>技能分（nilai_keterampilan）</th></tr></thead><tbody>';
foreach ($nilai as $value) {
  // 使用 htmlspecialchars 防止 XSS 攻击
  $nama = htmlspecialchars($value['nama'] ?? '', ENT_QUOTES, 'UTF-8');
  $nilai_pengetahuan = htmlspecialchars((string)($value['nilai_pengetahuan'] ?? 0), ENT_QUOTES, 'UTF-8');
  $nilai_keterampilan = htmlspecialchars((string)($value['nilai_keterampilan'] ?? 0), ENT_QUOTES, 'UTF-8');

  echo "<tr>
          <td>{$nama}</td>
          <td>{$nilai_pengetahuan}</td>
          <td>{$nilai_keterampilan}</td>
        </tr>";
}
echo '</tbody></table>';
?>
</body>
</html>

⚠️ 关键注意事项

• 执行时序不可颠倒：usort() 必须在 foreach 渲染前调用，否则排序无效；
• 类型安全：使用 (int) 显式转换数值字段，避免 "23" 和 "98" 的字典序比较错误；
• 输入验证：始终检查 JSON 解析结果与文件可读性，防止空数组或解析失败导致致命错误；
• XSS 防护：对所有输出到 HTML 的变量使用 htmlspecialchars() 转义；
• 表单完整性：按钮必须包裹在
  内，否则 $_POST 无法接收；
• 空值容错：使用 ?? 运算符处理可能缺失的数组键，提升健壮性。

? 进阶提示：如需支持多字段排序（如先按知识分、再按姓名），可扩展 usort 回调函数；若数据量大，建议迁移到数据库并使用 ORDER BY + AJAX 实现无刷新排序。

立即学习“PHP免费学习笔记（深入）”；

通过以上结构化实现，你将获得一个稳定、安全、符合 Web 最佳实践的 PHP 排序功能模块。