来自 JSON 的表答案

【问题标题】：Table from JSON来自 JSON 的表
【发布时间】：2012-10-14 23:05:24
【问题描述】：

我有一个 php 脚本，它基本上只加载一个 csv：

 echo json_encode(file(csvfile.csv, FILE_IGNORE_NEW_LINES));

输出是这样的：

["foo,bar,baz","foo, foo,bar","bla,bla,blubb"]

在我的基本 html 文件中，我以这种方式加载它：

  <script>
  $(document).ready(function(){ 
    $.getJSON("myphpscript.php", function(data) {
      filltable(data);
    })
});

function filltable(jqxhr){
    var table_obj = $('table');
    $.each(jqxhr, function(index, item){
         table_obj.append($('<tr id="'+item.id+'"><td>'+item.data+'</td></tr>'));
    }).insertAfter('.table');
}    
  </script>

我的<table id="table"></table> 只填充了 undefined。

我的目标是获得一个包含 1 列的表格：

foo,bar,baz
foo, foo,bar
bla,bla,blubb

在指定分隔符后，我的 js 函数应该分解每一行和更多列。这是我第一次尝试使用 javascript 和 json。非常感谢

编辑：固定函数调用（感谢 VisioN）。 object.length 现在可以了，但是表格仍然是未定义的

【问题讨论】：

标签： php javascript jquery json

【解决方案1】：

我想你可能想使用

table_obj.append($('<tr id="'+index+'"><td>'+item+'</td></tr>'));

而不是

table_obj.append($('<tr id="'+item.id+'"><td>'+item.data+'</td></tr>'));

【讨论】：

没问题，我很乐意提供帮助。

【解决方案2】：

您的数据结构与 jQuery 对象解析架构不匹配

您正在尝试解析一个看起来像这样的对象：

 [{"id":"foo","data":"foo,bar,baz"}]

你只想要一列

 table_obj.append($('<tr id="'+item+'</td></tr>'));

【讨论】：