如何使用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); 
}