Javascript 嵌套json获取
我对javascript、jquery和ajax有一定的了解,我正在制作一个应用程序,它将有多个用户,并且有一个复杂的json。 我们如何通过getJSON来实现这一点,并在html中解析它。我想要用户a b c的详细信息,比如它的图像路径,以及我们如何访问它的所有信息Javascript 嵌套json获取,javascript,jquery,json,Javascript,Jquery,Json,我对javascript、jquery和ajax有一定的了解,我正在制作一个应用程序,它将有多个用户,并且有一个复杂的json。 我们如何通过getJSON来实现这一点,并在html中解析它。我想要用户a b c的详细信息,比如它的图像路径,以及我们如何访问它的所有信息 { "datas": { "show_dashboard_access_page": false, "login_status": "signedin", "new_io"
{
"datas": {
"show_dashboard_access_page": false,
"login_status": "signedin",
"new_io": true,
"bst_users": [{
"userA": {
"user_logo": "image path",
"partner_since": "Jan 2013",
"status_now": "bronze",
"year_calculated": 2016,
"total": 300000,
"year_wise_usage": 123000,
"storage_wise_usage": 73000,
"server_wise_usage": 50000,
"order": 1
},
"userB": {
"user_logo": "image path",
"partner_since": "Feb 2014",
"status_now": "silver",
"year_calculated": 2016,
"total": 300000,
"year_wise_usage": 160000,
"storage_wise_usage": 60000,
"server_wise_usage": 100000,
"order": 2
},
"userC": {
"user_logo": "image path",
"partner_since": "Mar 2014",
"status_now": "silver",
"year_calculated": 2016,
"total": 300000,
"year_wise_usage": 180000,
"storage_wise_usage": 80000,
"server_wise_usage": 100000,
"order": 3
}
}]
},
"success": true
}
code that i have tried:
$.getJSON( "dummy.json", function( response ) {
//console.log(response.data.bst_users)
$.each(response.data.bst_users , function(key,val){
console.log(key)
var item = "<li> <img src='" + val["user_logo"] + "' alt=''/>" + "</li>";
$('ul').append(item)
})
});
{
“数据”:{
“显示仪表板访问页面”:false,
“登录状态”:“已登录”,
“新奥”:没错,
“bst_用户”:[{
“用户A”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2013年1月”,
“现在的状态”:“铜牌”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:123000,
“存储使用”:73000,
“服务器使用量”:50000,
“订单”:1
},
“用户B”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2014年2月”,
“现在的状态”:“银色”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:160000,
“存储使用”:60000,
“服务器使用量”:100000,
“命令”:2
},
“用户C”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2014年3月”,
“现在的状态”:“银色”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:180000,
“存储使用”:80000,
“服务器使用量”:100000,
“命令”:3
}
}]
},
“成功”:真的吗
}
我尝试过的代码:
$.getJSON(“dummy.json”),函数(响应){
//console.log(response.data.bst_用户)
$.each(response.data.bst_用户,函数(key,val){
console.log(键)
var item=“”+“ ”;
$('ul')。追加(项目)
})
});
Plz help是一个数组,其中包含一个作为对象的元素。因此,您需要在
bst\u用户[0]
中循环属性
$.each(response.datas.bst_users[0], function(key,val){
...
}
您可以使用jquery这样呈现结果
var数据={
“数据”:{
“显示仪表板访问页面”:false,
“登录状态”:“已登录”,
“新奥”:没错,
“bst_用户”:[{
“用户A”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2013年1月”,
“现在的状态”:“铜牌”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:123000,
“存储使用”:73000,
“服务器使用量”:50000,
“订单”:1
},
“用户B”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2014年2月”,
“现在的状态”:“银色”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:160000,
“存储使用”:60000,
“服务器使用量”:100000,
“命令”:2
},
“用户C”:{
“用户标识”:“图像路径”,
“合作伙伴”自:“2014年3月”,
“现在的状态”:“银色”,
“计算年份”:2016年,
“总数”:300000,
“年度使用量”:180000,
“存储使用”:80000,
“服务器使用量”:100000,
“命令”:3
}
}]
},
“成功”:真的吗
};
var dataToRender=data.datas.bst_用户;
$.each(dataToRender[0],函数(k,v){
控制台日志(“结果:+k”);
$。每个(v,功能(键,val){
console.log(key+“:”+val);
});
});代码>
但是如何循环每个用户对象这就是$。每个
都是这样做的。