PHP API调用结果转HTML表格异常：页面同时输出HTML与API结果

你的代码存在几个关键错误，导致页面同时输出HTML表格和原始API结果：

1. 响应头Content-Type设置错误 #

开头设置了header('Content-Type: application/json');，但你最终要输出的是HTML表格。这种类型冲突会让浏览器解析混乱，既会尝试把HTML当成JSON解析（失败后显示原始文本），又会渲染HTML内容，最终出现双重输出的情况。

2. 无效的curl配置代码 #

代码中这一行是完全错误的：

curl_setopt($ch, json_encode($fields));

curl_setopt需要三个参数（句柄、选项常量、值），这里缺少了选项常量（比如CURLOPT_POSTFIELDS），而且$fields变量未定义，会触发PHP警告并导致curl配置异常。

3. 缺少错误检查 #

没有对curl执行结果、JSON解析结果做有效性检查，一旦API调用失败或返回无效JSON，会导致后续代码报错并输出混乱内容。

修正后的完整代码 #

<?php
// 设置正确的HTML响应头
header('Content-Type: text/html; charset=utf-8');

$url = 'http://192.168.1.254/api/getinfo';
$ch = curl_init();

// 配置curl参数
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HTTPHEADER, [
    'Content-Type: text/json',
    'Authorization: Token 2521dd79c431b7e6551aa13795feafadef450ba4'
]);
// 如果是POST请求，取消下面注释并填写$fields数据
// $fields = [];
// curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($fields));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

// 执行请求并检查错误
$result = curl_exec($ch);
if (curl_errno($ch)) {
    echo 'Curl调用错误: ' . curl_error($ch);
    curl_close($ch);
    exit;
}
curl_close($ch);

// 解析JSON并检查有效性
$results = json_decode($result);
if ($results === null) {
    echo 'JSON解析失败: ' . json_last_error_msg();
    exit;
}

// 确保返回数据是数组格式
if (!is_array($results) || empty($results)) {
    echo 'API返回数据格式不符合要求，无法生成表格';
    exit;
}

// 生成HTML表格
echo '<table class="table table-bordered">
        <thead>';
foreach ($results[0] as $key => $value) {
    echo "<th>$key</th>";
}
echo '</thead>
        <tbody>';
foreach ($results as $result) {
    echo '<tr>';
    foreach ($result as $key => $value) {
        // 转义内容避免HTML冲突和XSS
        echo '<td>' . (is_array($value) ? implode(', ', $value) : htmlspecialchars($value)) . '</td>';
    }
    echo '</tr>';
}
echo '</tbody>
    </table>';
?>

额外优化说明 #

• 增加了curl调用错误检查，方便快速定位API连接问题
• 增加了JSON解析有效性检查，避免无效数据导致页面崩溃
• 使用htmlspecialchars()转义输出内容，防止XSS攻击和HTML标签冲突
• 增加了数据格式校验，确保API返回的是可循环的数组结构

内容的提问来源于stack exchange，提问作者Nickwarez