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

How to handle my JSON data in jQuery Ajax success callback?

本文关键字:数据 jQuery Ajax 回调 成功 JSON 我的 何处理 处理      更新时间:2023-09-26

如果我有一个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成功回调函数中,如何优雅地提取"name"的值,"address"的值(这是对象的列表)?

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

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经验,我建议你阅读这个指南