各路前端大神,现在遇到一个问题是,解析后台返回的数据:可以用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>
希望走过路过的各路大神指教!!!!
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>
希望走过路过的各路大神指教!!!!
Web前端开发教程
Web开发网