JSON数据表不上传?

时间:2018-08-06 02:12:28

标签: javascript jquery json ajax

我正在尝试提取JSON文件,然后将其放入数据表中,但它不起作用,并且我查找了类似的代码,但均无作用。有帮助吗?

<script>
    $.getJSON("file.json", function(data){
        console.log("just checking");
        var items=[];
        $.each(data, function(key, val){
            console.log("double check");
            items.push("<tr>");
            items.push("<td id='"+key+"'>"+val.system+"</td>");
            items.push("<td id='"+key+"'>"+val.status+"</td>");
            items.push("</tr>");
            items.push("<tr>");
            items.push("<td id='"+key+"''>"+val.system+"</td>");
            items.push("<td id='"+key+"''>"+val.status+"</td>");
            items.push("</tr>");
            items.push("<tr>");
            items.push("<td id='"+key+"'>"+val.system+"</td>");
            items.push("<td id='"+key+"'>"+val.status+"</td>");
            items.push("</tr>");
        });

        $('<tbody/>', {html: items.join('')}).append('table');
        console.log("triple check");
    });

1 个答案:

答案 0 :(得分:0)

在这里找到解决方案

$.getJSON("file.json", function(data){
  console.log("just checking");
  var items=[];
  $.each(data, function(key, val){
      console.log("double check");
      items.push("<tr>");
      items.push("<td id='"+key+"'>"+val.system+"</td>");
      items.push("<td id='"+key+"'>"+val.status+"</td>");
      items.push("</tr>");
      items.push("<tr>");
      items.push("<td id='"+key+"''>"+val.system+"</td>");
      items.push("<td id='"+key+"''>"+val.status+"</td>");
      items.push("</tr>");
      items.push("<tr>");
      items.push("<td id='"+key+"'>"+val.system+"</td>");
      items.push("<td id='"+key+"'>"+val.status+"</td>");
      items.push("</tr>");
  });
  
  var joinedItems = items.join('');

  $('table').append(joinedItems);
  console.log("triple check");
});

希望这会对您有所帮助。