js多维数组渲染HTML js for循环渲染页面

微信小程序开发交流qq群 581478349

承接微信小程序开发。扫码加微信。

直接上代码，有不懂的可以留言。

<!DOCTYPE html>
<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>
</html>

js多维数组渲染HTML js for循环渲染页面相关推荐

JS二维数组转树形数据
JS二维数组转树形数据 // 测试数据const arr = [{ id: '1', pid: '0', name: 'jack', age: 20 },{ id: '2', pid: '0', na ...
php array_push 二维数组,arraypush js二维数组push的方法
用array_push给数组添加一个属性值用array_push给数组添加一个属性值,如果是直接添加$a可以,但是如果要(1)如果你的数组是一维数组: 如: $arr = array('id'=&g ...
记录 Js 二维数组的排序
记录 Js 二维数组的排序二维数组 let schedule=[[33, 38], [90, 92], [87, 88], [98, 100], [20, 32]] 冒泡排序(升序) var num ...
js二维数组_Javascript数组
数组的概念:引用类型的对象. 本质:内存中存储多个数据的空间,再取个名字. 数据结构:数据结构不同,擅长的操作不同. 数组特点:便于数据的查找与维护. 数组的创建: 方法1:var 数组名=[元素1, ...
php 二维数组传递给 js 问题解决记录
需求: php从数据库中读取到二维数组,传递到js中实现步骤: php:json_encode → json → js:eval 即在php中使用json_encode()将php的二维数 ...
js二维数组定义和初始化的三种方法
方法一:直接定义并且初始化,这种遇到数量少的情况可以用 var _TheArray = [["0-1","0-2"],["1-1",&quo ...
js 多维数组长度_C++申请与释放动态数组1（学习笔记：第6章 16）
分配和释放动态数组[1] 分配: new 类型名T [ 数组长度 ] 数组长度可以是任何表达式,在运行时计算释放:delete[] 数组名p 释放指针p所指向的数组. p必须是用new分配得到的数组 ...
php n维数组扁平化,js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解...
数组的扁平化:将多维数组变成一维数组对于一个像这样的嵌套数组:a=[1,[2,[3,4]],5,6]我们想要把它变成一个一维数组,有下面几种方法: 方法一:递归一 function parseArr ...
js二维数组arr中表示读取第i行第j列的是:_c++ c语言数组与字符串
c语法7 - 数组与字符串概述定义:把具有相同类型的若干变量按有序形式组织起来称为数组. C语言数组属于构造数据类型.一个数组可以分解为多个数组元素,这些数组元素可以是基本数据类型或是构造类型.因 ...
js二维数组传递java,ActiveX获取JavaScript传递的二维数组
此文参考了http://blog.csdn.net/playstudy/article/details/8259737,在此基础上做了改进 // WebDlg.idl : WebDlg 的 IDL 源 ...

js多维数组渲染HTML js for循环渲染页面

承接微信小程序开发。扫码加微信。

js多维数组渲染HTML js for循环渲染页面相关推荐

最新文章

热门文章