Javascript 以表格格式显示JSON结果

HTML页面

$die_no = array();
$status = array();
$location = array();
while ($row = mysql_fetch_array($query)) {
    $die_no[] = $row["die_no"]; // or smth like $row["video_title"] for title
    $status[] = $row["status"];
    $location[] = $row["location"];

}
$res = array($die_no, $status, $location);
echo json_encode($res);

迪尤诺
地位
位置

我希望以HTML表格格式显示结果，所以我将结果以数组格式传递给Json，但结果不会显示在HTML页面中。 我可以在网络选项下使用chrome Inspect元素查看响应。请帮助我以HTML表格格式显示检索到的结果。

您有语法错误： 使用

txt+=

而不是

txt += <tr><td>

txt+=tr>

如果在成功响应中添加console.log（数据），则在if条件之后，可以查看对象的结构

要访问所需的json值，您应该尝试data['die_no'][i]、data['status'][i]、data['location'][i]

您可以像这样插入响应：

txt += tr><td>

Javascript:

<table id="tbl">
</table>

$.ajax({
键入：“GET”，
url:'die_issue_result.php'，
数据：{
瓦尔斯：不
},
数据类型：“json”，//将字符串解析为json对象，
成功：功能（数据）{
如果（数据）{
var len=data.length；
如果（len>0）{
对于（var i=0；i

使用此

 $.ajax({
 type: 'GET',
 url: 'die_issue_result.php',
 data: {
     vals: die_no
 },
 dataType: "json", //to parse string into JSON object,
success: function (data) {
         if (data) {
         var len = data.length;
             if (len > 0) {
                 for (var i = 0; i < len; i++) {                         
                  $('$tbl').append("<tr><td>"+data['die_no'][i]+"</td><td>"+data['status'][i]+"</td><td>"+data['location'][i]+"</td></tr>");                         
                 }                     
             }
         }
}
}); //you missed this in your question

---

我有正确的代码，但在发布时意外删除了“<但它仍然不起作用检查我的另一个答案你刚刚纠正了阿里·梅赫迪和我自己指出的错误。你的代码现在能用了吗？@Daniel抱歉，不能working@user1894647，请检查我的答案，让我知道这是有帮助的，否则告诉我你的控制台。日志（数据）输出是工作的，但你的代码只显示3条记录，但我的实际查询在mysql phymyadmin中返回10条记录。请帮助我显示所有10条记录您必须编辑php代码以添加键值对。。。您可以使用二维数组，如$status[]['status']=$row[“status”]；如果我添加$status[]['status']=$row[“status”]；它在输出中返回object对象，并且只返回3行

<table id="tbl">
</table>

 $.ajax({
 type: 'GET',
 url: 'die_issue_result.php',
 data: {
     vals: die_no
 },
 dataType: "json", //to parse string into JSON object,
success: function (data) {
         if (data) {
         var len = data.length;
             if (len > 0) {
                 for (var i = 0; i < len; i++) {                         
                  $('$tbl').append("<tr><td>"+data['die_no'][i]+"</td><td>"+data['status'][i]+"</td><td>"+data['location'][i]+"</td></tr>");                         
                 }                     
             }
         }
}
}); //you missed this in your question

$.ajax({
            type: 'GET',
            url: 'die_issue_result.php',
            data: {
                vals: die_no
            },
            dataType: "json", //to parse string into JSON object,
            success: function (data) {

                if (data) {
                    var len = data.length;
                    var txt = "";
                    if (len > 0) {
                        for (var i = 0; i < len; i++) {
                            if (data[0][i] || data[1][i] || data[2][i]) {
                                txt += "<tr><td>" + data[0][i] + "</td><td>" + data[1][i]  + "</td><td>" + data[2][i]  + "</td></tr>";
                            }
                        }
                        if (txt != "") {
                            $("#table").append(txt).removeClass("hidden");
                        }
                    }
                }
            }
        });

data[0][i]