Question

我很高兴在AJAX中使用JSON，所以我不确定我做错了什么。我已经查找了各种示例，但似乎无法正确提取JSON数据。我相信这是我的JSON文件的设置方式。我已经尝试过其他的例子，并让它工作，但我的写作方式是不同的。谁能帮我？我需要能够从JSON对象输出数据。

我的JSON看起来像这样：

[
   {
      "ID": 512,
      "FirstName":"John",
      "LastName":"Smith",
      "Age":26,
      "Email":"johnsmith@gmail.com",
      "Phone1":"555-555-5555",      
   },
   {
      "ID": 513,
      "FirstName":"Jane",
      "LastName":"Smith",
      "Age":24,
      "Email":"janesmith@gmail.com",
      "Phone1":"555-555-5555",      
   },
]

我的脚本如下：

$.getJSON("test.json", function (data) {
    $.each(data, function (index, value) {
        var items = [];

        $("div").append(items);
    });
});

我不确定如何为我的变量项获取JSON对象中的值。任何帮助将不胜感激！

Answer 1

首先要清楚一点：一旦获取数据，就不再处理JSON了。它已成为一个简单的JavaScript数组，数组的每个元素都是一个JavaScript对象。

var data = [{
  "ID": 512,
  "FirstName": "John",
  "LastName": "Smith",
  "Age": 26,
  "Email": "johnsmith@gmail.com",
  "Phone1": "555-555-5555",
}, {
  "ID": 513,
  "FirstName": "Jane",
  "LastName": "Smith",
  "Age": 24,
  "Email": "janesmith@gmail.com",
  "Phone1": "555-555-5555",
}];

console.log(data[0]); // the first element
console.log(data[0].FirstName);

for (var i = 0; i < data.length; i++) {
  console.log(data[i].Age);
}

使用AJAX和jQuery从JSON输出数据

1 个答案: