Javascript HTML标记不适用于内容类型：application/json

当我使用

标题（“内容类型：application/json；charset=UTF-8”）

当我在文件中使用下表代码时，它在浏览器上显示相同的代码，它应该只显示内部内容。浏览器上的表显示如下

<table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td>Email</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>

这是我的完整代码

<?php
    header("Access-Control-Allow-Origin: *");
    header("Content-Type: application/json; charset=UTF-8");

    $conn = new mysqli("localhost", "root", "", "angular");

    $result = $conn->query("SELECT * FROM user");

    $outp = "";
    while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
        if ($outp != "") { $outp .= ","; }
        $outp .= '{"id":"'  . $rs["id"] . '",';
        $outp .= '"name":"'   . $rs["name"]        . '",';
        $outp .= '"father":"'. $rs["father"]     . '"}';
        $outp .= '"designation":"'. $rs["designation"]     . '"}'; 
    }
    $outp ='{"records":['.$outp.']}';
    $conn->close();

    echo($outp);
?>
<table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td>Email</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>


身份证件
名称
电子邮件
为什么使用
应用程序/json
？你应该使用
text/html
你的输出必须是100%的JSON，不能有尾随的html。但是你会返回一个html页面。基本上，我想在HTML中显示我的json值，如何在HTMLY中显示我的json你似乎正在构建一个HTML视图。您不需要返回json，只需返回text/html，并使用php中的模板引擎（或纯php循环）来构建html并返回它
<?php
    header("Access-Control-Allow-Origin: *");
    header("Content-Type: application/json; charset=UTF-8");

    $conn = new mysqli("localhost", "root", "", "angular");

    $result = $conn->query("SELECT * FROM user");

    $outp = "";
    while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
        if ($outp != "") { $outp .= ","; }
        $outp .= '{"id":"'  . $rs["id"] . '",';
        $outp .= '"name":"'   . $rs["name"]        . '",';
        $outp .= '"father":"'. $rs["father"]     . '"}';
        $outp .= '"designation":"'. $rs["designation"]     . '"}'; 
    }
    $outp ='{"records":['.$outp.']}';
    $conn->close();

    echo($outp);
?>
<table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td>Email</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>