如何在jQuery Ajax成功回调中处理我的JSON数据?

时间:2011-04-14 10:09:37

标签: javascript jquery ajax json

如果我有一个ajax电话:

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: function(json_data){
    //What's the efficient way to extract the JSON data and get the value
  }
});

服务器向我的js返回以下 JSON 数据

{"contact":[{"address":[{"city":"Shanghai","street":"Long
            Hua Street"},{"city":"Shanghai","street":"Dong Quan
            Street"}],"id":"huangyim","name":"Huang Yi Ming"}]}

在我的jQuery AJAX成功回调函数中,如何提取“名称”的值,“地址”的值(这是对象列表)优雅地?

我对javascript中的jQuery和JSON数据处理没有经验。所以,我想问一些有关如何有效处理这些数据的建议。感谢。

1 个答案:

答案 0 :(得分:12)

JSON字符串被解析为JavaScript对象/数组。因此,您可以像访问任何对象属性一样访问值,数组元素:

var name = json_data.contact[0].name;
var addresses = json_data.contact[0].address;

访问每个地址中的值,您可以迭代数组:

for(var i = addresses.length; i--;) {
    var address = addresses[i];
    // address.city
    // address.street
    // etc
}

如果您对JavaScript没有太多经验,我建议read this guide