前端js/jq遍历获取复杂数据{countList[{"measBoxStorageList":[{dvcld:""}]},{}}

Lxx_1218 2018-04-13 01:08:38
各路前端大神,现在遇到一个问题是,解析后台返回的数据:可以用each/for..in..等各种遍历;现在是想要获取到{countList[{"measBoxStorageList":[{"dvcld":"1","dataTypeCode":"03"}]},{},{},{}};格式中的dvcld、dataTypeCode等key值,将其value值渲染到页面中;js代码格式例子:
var json ={
"countList": [
{
"equipNum": "38",
"equipType": "计量箱",
"measBoxStorageList": [
//数组里面一个{},代表一条数据,有几条数据,就在html页面中渲染几条数据;
{
"dvcId": "",
"chgDesc": "01",
"dataTypeCode": "03",
},
{
"dvcId": "232222222222222222",
"chgDesc": "01",
"dataTypeCode": "02",
},
{
"dvcId": "232222222222222222",
"chgDesc": "01",
"dataTypeCode": "02",
}
]
},
{
"equipNum": "0",
"equipType": "计量柜",
"measCubicleStorage": []
},
{
"equipNum": "37",
"equipType": "电能表",
"meterStoragesList": [
{
"accurAcyCode": "01",
"assetNo": "",
"chgDesc": "01",
"curStatusCode": "007",
"currentCode": "007",
"id": "5000366570",
},
{
"accurAcyCode": "01",
"assetNo": "",
"chgDesc": "01",
"curStatusCode": "001",
"currentCode": "001",
"id": "5002814821",
}
]
}
],
"result": "1",
"returnCode": "1000",
"returnMSG": "接口调用成功"
}

html:
<div id="contentUl1">
<ul class="content_ulBox">
<li class="">
<span class="fl">电能表标识</span>
<span class="fr" id="id" style="color:red"></span>
</li>
<li class="">
<span class="fl">电压</span>
<span class="fr">3*380/220v</span>
</li>
<li class="">
<span class="fl">变更类型</span>
<span class="fr">变更</span>
</li>
</ul>
<ul class="content_ulBox">
<li class="">
<span class="fl">电能表标识</span>
<span class="fr" id="id" style="color:red"></span>
</li>
<li class="">
<span class="fl">电压</span>
<span class="fr">3*380/220v</span>
</li>
<li class="">
<span class="fl">变更类型</span>
<span class="fr">变更</span>
</li>
</ul>
</div>
希望走过路过的各路大神指教!!!!
...全文
793 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2018-04-13
  • 打赏
  • 举报
回复
那不是直接遍历measBoxStorageList数组,判断下equipNum,在获取对应的meterStoragesList(37),equipNum(0),measBoxStorageList(38)属性就行了,还需要注意不同的属性节点里面json对象的属性不一样

Web开发学习资料推荐
Web前端开发教程
Web开发网

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧