js多次元配列レンダリングHTML js forループレンダリングページ
2367 ワード
微信小プログラム開発交流qq群581478349
微信小プログラムの開発を受けている.スキャンに微信を加える. ， 。
//
$.ajax({
type:"get",
url:"http://***",
async:true,
dataType:"json",
success:function(data){
console.log(JSON.stringify(data))
var arr={};
var obj=eval(data);
var dh='';
for(i=0;i<obj.length;i++){
for(j=0;j<obj[i].child.length;j++){
arr = obj[i].child[j]
console.log("111:"+JSON.stringify(obj[i]))
console.log("ww:"+arr.id)
}
if(obj[i].is_show==1){
var show=' ';
}else{
var show=' ';
}
dh+='<ol class="dd-list">';
dh+=' <li class="dd-item full" data-id="74576"> ';
dh+=' <div class="dd-handle">[ID:'+obj[i].id+'] '+obj[i].title +'<span class="pull-right"> ';
dh+=' <div class="label label-success" data-toggle="ajaxSwitch" data-switch-value="1">'+show+'</div> ';
dh+=' <ol class="dd-list"> ';
dh+=' <li class="dd-item full" data-id="74577"> ';
dh+=' <div class="dd-handle" style="width:100%;"> ';
dh+=' <img src="http://123.207.41.93/jtct/Uploads/'+arr.image_1+'" width="30" height="30" onerror="$(this).remove()" ';
dh+=' style="padding:1px;border: 1px solid #ccc;float:left;" /> [ID: '+arr.id+'] '+arr.title+' <span class="pull-right">';
dh+=' <div class="label label-success" data-toggle="ajaxSwitch" data-switch-value="'+arr.is_show+'"></div> </div> ';
dh+='</div> ';
dh+=' </li> ';
dh+='</ol> ';
}
document.getElementById('daohang').innerHTML=dh;
},
error:function(){
alert('NO');
}
});