嵌套json抓取
嵌套json抓取
提问于 2016-02-12 13:30:58
我有一些javascript和jquery和ajax的知识，我正在制作一个应用程序，它将有多个用户，它有一个复杂的json。我们怎么才能用getJSON来做，并在html中解析呢？我想要用户a，b，c的详细信息，比如它的图像路径和所有我们如何访问它
{
"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)
})
});请帮助
回答 2
Stack Overflow用户
发布于 2016-02-12 13:36:28
bst_users是一个只有一个元素的数组，它是一个对象。因此，您需要遍历bst_users[0]中的属性。
$.each(response.datas.bst_users[0], function(key,val){
...
}Stack Overflow用户
发布于 2016-02-12 13:46:40
您可以使用jquery来呈现如下结果。
var data = {
"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
};
var dataToRender = data.datas.bst_users;
$.each(dataToRender[0],function(k,v){
console.log("Result : " + k);
$.each(v,function(key,val){
console.log(key + " : " + val);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35355451
复制相关文章
相似问题
腾讯云开发者
