如何在jQuery Ajax成功回調中處理我的JSON數據？

Question

如果我有一個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成功的回調函數，如何提取的「值命名」的值‘地址’（這是對象的列表）典雅？

我不與jQuery和JSON數據在JavaScript處理經驗。所以，我想問一些關於如何有效處理這些數據的建議。謝謝。

Answer 1

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。