jQuery在多个级别上解析JSON

Question

我正在尝试解析以下内容并显示一个显示"City,State"的简单输出列表:

{
"status":"success",
"data":[
    {"city":"Brooklyn Park","state":"MN"},
    {"city":"Campbellsport","state":"WI"},
    {"city":"Wauwatosa","state":"WI"},
            ...
    ]
}

这是我到目前为止所拥有的:

var output = $.parseJSON(data);
var list = output.data;
$.each(list,function(){
    item = $.parseJSON(list);
    console.log(list.city);
});

其中原始数据来自回调.

Answer 1

var output = $.parseJSON(data);
var list = output.data;
$.each(list,function(index, val){

    // within val you'll get each 
    // data object

    console.log( val.city );
});

你不需要在内部再次解析$.each().因为,output已经解析,所以你可以得到list使用output.data.

Answer 2

$.parseJSON 将解析整个对象,您不需要解析每个元素.

var output = $.parseJSON(data);
var list = output.data;

$.each(list,function(i,item){
    console.log(item.city);
});