如何使用javascript訪問JSON格式的數據

Question

我想弄清楚如何訪問JSON格式的數據，並已經花了一整天的時間尋找方法，但我仍然找不到解決方案來滿足我的需求。對我的問題最接近的相對問題是this question，但無濟於事。

基本上我從$.ajax()檢索數據，它以JSON格式返回。

[{"v":"233","pv":"1.83","avd":"00:01:58","nv":"82.83%","br":"75.11%"}, 
{"v":"17","pv":"3.65","avd":"00:08:31","nv":"70.59%","br":"58.82%"}, 
{"v":"9","pv":"2.22","avd":"00:01:51","nv":"0.00%","br":"44.44%"}] 
[{"date":"2013-02-01","visits":63}, 
{"date":"2013-02-02","visits":30}] 

我的問題是我怎麼能訪問元素JSON裏面，說我想「NV」或第二支架「日期」的所有值的所有值，在JavaScript？我對這些東西很陌生，所以不熟悉這些術語，對此抱歉。

下面是我的代碼：

var Data = $.ajax({ 
    url: url, 
    type: 'POST', 
    dataType:"json", 
    async: false 
}).responseText; 

console.log(Data); 

網址是我的功能在裏面你可能會問的情況下通過的變量。

Answer 1

更新：請參閱Anthony Grist對您的問題的評論，我錯過了您的JSON無效的事實。由於他沒有發佈答案，我會選擇它。

你JSON是無效的，因爲你返回兩個單獨的陣列，這一個：

[{"v":"233","pv":"1.83","avd":"00:01:58","nv":"82.83%","br":"75.11%"}, 
{"v":"17","pv":"3.65","avd":"00:08:31","nv":"70.59%","br":"58.82%"}, 
{"v":"9","pv":"2.22","avd":"00:01:51","nv":"0.00%","br":"44.44%"}] 

這一個：

[{"date":"2013-02-01","visits":63}, 
{"date":"2013-02-02","visits":30}] 

你不能這樣做，因爲頂層一個JSON文件必須是一個東西（一個對象或一個數組）。

您可以用屬性返回的對象爲每個陣列：

{ 
"vdata": 
    [{"v":"233","pv":"1.83","avd":"00:01:58","nv":"82.83%","br":"75.11%"}, 
    {"v":"17","pv":"3.65","avd":"00:08:31","nv":"70.59%","br":"58.82%"}, 
    {"v":"9","pv":"2.22","avd":"00:01:51","nv":"0.00%","br":"44.44%"} 
    ], 
"datedata": 
    [{"date":"2013-02-01","visits":63}, 
    {"date":"2013-02-02","visits":30} 
    ] 
} 

分析（見下文）後，就可以訪問這些數據是這樣的：

console.log(data.vdata[0].v); // "233" 
console.log(data.datedata[0].date); // "2013-02-01" 

或被兩個插槽的數組，每個插槽中都有一個陣列：

[ 
    [{"v":"233","pv":"1.83","avd":"00:01:58","nv":"82.83%","br":"75.11%"}, 
    {"v":"17","pv":"3.65","avd":"00:08:31","nv":"70.59%","br":"58.82%"}, 
    {"v":"9","pv":"2.22","avd":"00:01:51","nv":"0.00%","br":"44.44%"} 
    ], 
    [{"date":"2013-02-01","visits":63}, 
    {"date":"2013-02-02","visits":30} 
    ] 
] 

解析後（見下文），您可以訪問這些數據是這樣的：

console.log(data[0][0].v); // "233" 
console.log(data[1][0].date); // "2013-02-01" 

就個人而言，我更喜歡使用對象，因爲那顯然我訪問哪個陣列。

---

原來的答覆：

jQuery將解析JSON到你的一個對象，並傳遞到success功能，然後你就可以訪問就像任何其他對象。在你的情況下，頂層是一個數組。所以：

$.ajax({ 
    url: url, 
    type: 'POST', 
    dataType:"json", 
    async: false, 
    success: function(data) { 
     // Use the line from above that suits the way 
     // you updated your JSON structure 
    } 
}); 

---

旁註：async: false已取消，將在某個時候被移除。做同步ajax請求通常不是一個好主意，它往往會在請求期間鎖定瀏覽器的用戶界面。相反，只需構造代碼以在觸發回調時繼續處理。

Answer 2

如果我理解你的問題，你需要訪問這個數組中所有對象的相同密鑰。

沒有直接的方法來做到這一點，你必須遍歷數組中的所有對象，然後在每個對象中找到所需的鍵。

JSON.parse（）來將這個字符串轉換成JavaScript對象（JSON）

var myData = JSON.parse(Data); 

for(var i = 0; i < myData.length; i++) { 
    console.log("This is the nv value of the " + i + " object: " + myData[i].nv); 
}