如何将JSON数据存储为JavaScript表格格式？

我正在开发一个Web应用程序，我使用jQuery 1.5和JavaScript作为应用程序的主要function。 我从我的应用程序连接到RESTful界面，我在那里获取一个人的信息。 我使用此函数从json页面检索信息：

var jqxhr = $.getJSON("example.json", function() { // store the data in a table } 

我的数据是json格式的，但我会得到一个以上格式为：

 [{"person":{"time":"2010-02-18T17:59:44","id":1,"name": "John","age":60, "updated_at":"010-02-18T17:59:44"}}] 

如何在JavaScript表中仅存储人员的ID，姓名和年龄（更确切地说是数组）并忽略其余信息？

Answer 1

  $.getJSON("example.json", function(data) { var name = data.person.name; var id = data.person.id; var age = data.person.age; } 

你可以在一个html表中存储的javascript表到底是什么意思

 var $table = $("
 
name
"+name+"
 
id
"+id+"
 
age
"+age+"
 
"); 

Answer 2

这是您需要的特定JavaScript / jQuery，基于MAPfunction。

 var originalData = [ { "person": { "time": "2010-02-18T17:59:34", "id": 1, "name": "John", "age": 60, "updated_at": "010-02-18T17:59:41"} }, { "person": { "time": "2010-02-18T17:59:44", "id": 2, "name": "Bob", "age": 50, "updated_at": "010-02-18T17:59:42"} }, { "person": { "time": "2010-02-18T17:59:54", "id": 3, "name": "Sam", "age": 40, "updated_at": "010-02-18T17:59:43"} } ]; var data = $.map(originalData, function (ele) { return { id: ele.person.id, name: ele.person.name, age: ele.person.age }; }); 

这是一个完整的示例，它将转换并以HTML格式显示结果。

Answer 3

你可以使用jQuery的map函数：

 var data = $.map(originalData, function(person) { return { id: person.id, name: person.name, age: person.age }; }); 

map基本上转换Array每个项目，生成带有修改对象的新Array 。