如何解析json并用它创建表?

时间:2015-04-03 11:22:12

标签: json

我有这样的回应:

var response = {"items":[ {"id":"-1", "name":"Locate unit"},
                          {"id":1047, "name":"unit_1"},
                          {"id":1048, "name":"unit_2"}],
                "label" :"name",
                "identifier" : "id"};

我想要的是拥有表单元和ID(单元将是ID的列和ID的ID列)。 我的基础是http://jsfiddle.net/rrzZU/235/。我是否必须对我的回复进行操作?我已经像这样解析了它:

var jsonObj = $.parseJSON('[' + response + ']')

当我想用

看到值时,这是正常的吗?
alert(jsonObj)

它正在返回

Object object

我很困惑,因为用于创建表的许多JSON数据都是这样的:

var json = [{"User_Name":"John Doe","score":"10","team":"1"},
            {"User_Name":"Jane Smith","score":"15","team":"2"},
            {"User_Name":"Chuck Berry","score":"12","team":"2"}];

提前谢谢

1 个答案:

答案 0 :(得分:1)

您可以直接使用您的响应对象来显示表格,这是一个简单的示例:

for (var i = 0; i < response.items.length; i++)
    document.getElementById('table').innerHTML += '<tr><td>' + response.items[i].id + '</td><td>' + response.items[i].name + '</td></tr>';

检查this Fiddle

上的结果

干杯