js遍历json数组问题,求大神帮忙。
求大神帮忙怎样按照下边html的结构遍历json数组<li><divclass="term-con"><p>111111111</p><p>222222222</p></...
求大神帮忙怎样按照下边html的结构遍历json数组
<li>
<div class="term-con">
<p>111111111</p>
<p>222222222</p>
</div>
</li>
<li>
<div class="term-con">
<p>333333333</p>
<p>444444444</p>
</div>
</li>
<li>
<div class="term-con">
<p>555555555</p>
<p>666666666</p>
</div>
</li>
<li>
<div class="term-con">
<p>777777777</p>
</div>
</li>
下边是json结构:
{
"dataObject":
[
{
"iconUrl":"111111111111111111"
},
{
"iconUrl":"222222222222222222"
},
{
"iconUrl":"333333333333333333"
},
{
"iconUrl":"444444444444444444"
},
{
"iconUrl":"555555555555555555"
}
]
}
js代码:
$.ajax({
url:'data.json',
type: "GET",
dataType: 'json',
success:function(data){
var html = '';
var dataObj = data.dataObject;
//这里应该怎么写遍历方法
}
},
error:function(xhr){
//alert("请求出错(请检查相关度网络状况.)");
}
});
json中的数据不一定是2的倍数,求大神帮忙给写一下遍历的方法,跪求!!! 展开
<li>
<div class="term-con">
<p>111111111</p>
<p>222222222</p>
</div>
</li>
<li>
<div class="term-con">
<p>333333333</p>
<p>444444444</p>
</div>
</li>
<li>
<div class="term-con">
<p>555555555</p>
<p>666666666</p>
</div>
</li>
<li>
<div class="term-con">
<p>777777777</p>
</div>
</li>
下边是json结构:
{
"dataObject":
[
{
"iconUrl":"111111111111111111"
},
{
"iconUrl":"222222222222222222"
},
{
"iconUrl":"333333333333333333"
},
{
"iconUrl":"444444444444444444"
},
{
"iconUrl":"555555555555555555"
}
]
}
js代码:
$.ajax({
url:'data.json',
type: "GET",
dataType: 'json',
success:function(data){
var html = '';
var dataObj = data.dataObject;
//这里应该怎么写遍历方法
}
},
error:function(xhr){
//alert("请求出错(请检查相关度网络状况.)");
}
});
json中的数据不一定是2的倍数,求大神帮忙给写一下遍历的方法,跪求!!! 展开
1个回答
展开全部
success:function(data){
var html='';
var dataObj=data.dataObject;
$.each(dataObj,function(i,obj){
if(i%2==0)html+='<li><div class="term-con">';
html+='<p>'+obj.iconUrl+'</p>';
if(i%2==1)html+='</div></li>';
}
if(dataObj.length%2!=0)html+='</div></li>';
alert(html);
},
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询