尝试将 Json 解析为 HTML 表答案

【问题标题】：Trying to Parse Json to a HTML Table尝试将 Json 解析为 HTML 表
【发布时间】：2016-08-04 04:59:56
【问题描述】：

好吧，我已经在这方面工作了 3 天，但我还没有弄清楚。

我正在尝试从 API 中获取 json 并尝试将其解析为 HTML 表，但我遇到了麻烦。任何人都可以帮助/指出正确的方向吗？

这是我要获取的 API here

http://census.daybreakgames.com/json/status?game=h1z1

这是我尝试过的代码。

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>

<script>
    $(function() {
       var entries = [];
       var dmJSON = "http://census.daybreakgames.com/json/status?game=h1z1";
       $.getJSON( dmJSON, function(data) {
       $.each(data.entries, function(i, f) {
       var tblRow = "<tr>" + "<td>" + f + "</td>" + "<td>" + f.region_code + "</td>" + "<td>" + f.title + "</td>" + "<td> " + f.status + "</td>" +  "<td>" + f.age + "</td>" + "</tr>"
   $(tblRow).appendTo("#entrydata tbody");
   });
  });
});
</script>

</head>
<body>

<div class="wrapper">
<div class="profile">
<table id= "entrydata" border="1">
 <thead>
    <th>Name</th>
    <th>Region Code</th>
    <th>Game</th>
<th>Server Stauts</th>
    <th>Time</th>
</thead>
  <tbody>

 </tbody>
</table>

</div>
</div>

</body>

</html>

【问题讨论】：

向我们展示您已经尝试过的内容
您如何将其解析为 HTML？ HTML 本身是一种静态语言，不能以这种方式处理数据。您可以使用 Java 脚本来实现您想要做的事情。看看这是否有帮助stackoverflow.com/questions/17066636/…
把你的努力放在这里以获得更好的帮助

标签： html json parsing

【解决方案1】：

您的代码不起作用的主要原因是您为未定义的each 函数添加了data.entries 参数。这必须代表来自 json api 的有效密钥。

api 中有两个主要的键（在本例中它们是Live 和Test），所以你必须将每个循环放在另一个循环中。那么你需要使用i来获取名字，而不是f。

var dmJSON = "http://census.daybreakgames.com/json/status?game=h1z1";
$.getJSON(dmJSON, function(data) {
  $.each(data.h1z1, function(i, f) {
    $.each(f, function(i, f) {
        var tblRow = "<tr>" + "<td>" + i + "</td>" + "<td>" + f.region_code + "</td>" + "<td>" + f.title + "</td>" + "<td> " + f.status + "</td>" + "<td>" + f.age + "</td>" + "</tr>"
        $(tblRow).appendTo("#entrydata tbody");
    });
  });
});

【讨论】：

还是不行，表格里什么都不会显示。