Question

嗨朋友我正在学习hoq jSON的工作我创建了一个名为demo_ajax_json.js的文件，其中包含以下代码

[
{ 
  "firstName": "John",
  "lastName": "Doe",
  "age": 25
},
{ 
  "firstName": "SAM",
  "lastName": "Doe",
  "age": 36
},
{ 
  "firstName": "MAX",
  "lastName": "Doe",
  "age": 55
}
]

我正在尝试仅提取firstName和age。我写了以下代码

function json(){
$.getJSON( "demo_ajax_json.js", function( data ) {
    var items = [];
    $.each( data, function( firstName, age) {
    $("div ul").append( "<li id='" + firstName + "'>" + age+ "</li>" );
    });

});
    }

$(document).ready(function(){
  $("button").click(function(){

      json();
  });
});

这段代码给了我这个

[object Object]
[object Object]
[object Object]

Plz帮助家伙如何完成这项工作。

提前致谢

Answer 1

...        
var items = [];
$.each( data, function(index, value) {
  $("div ul").append( "<li id='" + value.firstName + "'>" + value.age+ "</li>" );
});
...

Answer 2

您的代码应为：

function json(){
  $.getJSON( "demo_ajax_json.js", function( data ) {
    var items = [];
    $.each( data, function(i,obj) {
    $("div ul").append( "<li id='" + obj.firstName + "'>" + obj.age+ "</li>" );
    });

  });
}

从jSON文件中获取数据

2 个答案: