<pre class="has">
<code class="language-html">直接上代码,有不懂的可以留言。
<pre class="has">
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<title></title>
</head>
<body>
<form action="">
<tbody id="daohang"></tbody>
</form>
<script type="text/javascript">
// 页面渲染
$.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');
}
});
</script>
</body>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。