使用AJAX解析JSON

时间:2015-03-07 23:00:16

标签: javascript jquery ajax json

我试图用AJAX解析JSON结果。

我的JSON看起来像这样

[{
        "_id" : "54fb09b7d059bdf3107f9486",
        "lastName" : "Record",
        "firstName" : "First",
        "__v" : 0
    }, {
        "_id" : "54fb0a2fd059bdf3107f9487",
        "lastName" : "Record",
        "firstName" : "First",
        "__v" : 0
    }
]

我在Javascript中调用它

$.getJSON('api/people', function(data) {
       item3="+data.item3+"</p>");


  $.each(data,function(i,j){
    content ='<span>'+j[i].firstName+'<br />'+j[i].lastName+'<br /></span>';
  });
        alert(content);
  });

不幸的是,我在控制台中收到“Uncaught TypeError:无法读取未定义的属性'firstName'。

有人可以告诉我如何正确解析这个JSON吗?

1 个答案:

答案 0 :(得分:2)

jQuery.each的第二个参数(为每个元素执行的函数)有两个参数(在您的示例中为ij),第一个表示键< / strong>,第二个是,因此不需要j[i]

这应该有效:

$.getJSON('api/people', function(data) {
  $.each(data,function(i, item){
    content ='<span>'+item.firstName+'<br />'+item.lastName+'<br /></span>';
  });
  alert(content);
});