Question

我正在尝试填充JSON数据的html表。我被提供了JSON数据，无法确定为什么它没有填充，但怀疑JSON可能没有正确格式化。当我使用其他样本数据时，它工作，然后当我提供JSON时，我提供它不起作用。我已经尝试将JSON复制到我的直接服务器上的文件中，链接到我提供的内容（此处：https://boiling-fortress-75456.herokuapp.com/）并将其插入myjson.com并重新格式化JSON数据。

这是我的代码：

<script>
    $(function() {

      var entries = [];
      var dmJSON = "https://api.myjson.com/bins/6sjud?callback=?";
      $.getJSON(dmJSON, function(data) {
        $.each(data.entries, function(i, f) {
          var tblRow = "<tr>" + "<td>" + f.rank + "</td>" + "<td>" + f.name + "</td>" + "<td>" + f.march_rank + "</td>" + "<td> " + f.april_rank + "</td>" + "<td>" + f.may_rank + "</td>" + f.personal_volume + "</td>" + f.team_volume + "</td>" + "</tr>"
          $(tblRow).appendTo("#incentive tbody");
        });
      });
    });
    </script>


    <div class="wrapper">
      <div class="profile">
        <table id= "incentive" border="1">
          <thead>
            <th>Rank</th>
            <th>Name</th>
            <th>March</th>
            <th>April</th>
            <th>May</th>
            <th>Highest Rank</th>
            <th>Personal Volume</th>
            <th>Team Volume</th>
          </thead>
        <tbody>

     </tbody>
  </table>

  </div>
 </div>

Answer 1

您需要从name

获取对象

affiliate

服务响应

$.each(data.affiliate, function(i, f) {
    var tblRow = "<tr>" + "<td>" + f.rank + "</td>" + "<td>" + f.name + "</td>" + "<td>" + f.march_rank + "</td>" + "<td> " + f.april_rank + "</td>" +  "<td>" + f.may_rank + "</td>" + f.personal_volume + "</td>" + f.team_volume + "</td>" + "</tr>"
    $(tblRow).appendTo("#incentive tbody");
});

JSON格式问题？

1 个答案: