使用AJAX和jQuery從JSON輸出數據

Question

我對將JSON與AJAX結合使用還很陌生，所以我不確定自己做錯了什么。 我查看了各種示例，但似乎無法正確提取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); }