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>
相关文章：
使用TensorFlow跟踪千年猎鹰
by Nick Bourdakos由Nick Bourdakos 使用TensorFlow跟踪千年猎鹰 (Tracking the Millennium Falcon with TensorFlow) At the time of writing this post, most of the big tech companies (such as IBM, Google, Microsoft, and Amazon) have easy-to-use visual recognition…
POJ2387 Til the Cows Come Home -DIJKSTRA 练习
题目大意是：有N个牛棚和T条边相连，每条边有个权值，问1号到N号牛棚之间的最短距离 本题是又是DIJKSTRA最短路水题，注意任何两个牛棚之间可能有多条路相连，输入时先输入边，再输入点，程序如下&…
＜a＞标签带参数跳转并在下一个页面接收
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： <a href"home.html?id1">跳转</a> //home.html <script type"text/javascript"> var aGetRequest();console.log("id:"a[id]) //…
Linux上PHP加入环境变量
export PATH$PATH:/usr/local/php/bin转载于:https://www.cnblogs.com/ttiandeng/p/6554902.html
计算机本科学位有用吗_我应该回到学校获得计算机科学学位吗？
计算机本科学位有用吗by Preethi Kasireddy通过Preethi Kasireddy 我应该回到学校获得计算机科学学位吗？ (Should I go back to school to get a Computer Science degree?) This week’s question for my “Ask Preethi’ series is one that’s near and dear t…
[bzoj1054][HAOI2008]移动玩具
题意：在一个4*4的方框内摆放了若干个相同的玩具，某人想将这些玩具重新摆放成为他心中理想的状态，规定移动 时只能将玩具向上下左右四个方向移动，并且移动的位置不能有玩具，请你用最少的移动次数将初始的玩具状态移动到…
微信小程序实现滑动tab切换和点击tab切换并显示相应的数据（附源代码）
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： 先上效果图： 这里主要用到了swiper组件和三目运算，直接上代码， 样式只有三个class，简单粗暴，懒的小伙伴们可以直接拿来用&a…
使用java.util.Timer来周期性的执行制定的任务
使用java.util.Timer来周期性的执行制定的任务 1 public class HandlerTest extends Activity {2 int[] images new int[] {3 R.drawable.baiyang, R.drawable.jinniu, R.drawable.shuangyu4 };5 6 int currentImageID 0;7 8 Override9 prot…
数据库更行通知_哪个更好？ 数据驱动还是数据通知？
数据库更行通知by Casper Sermsuksan由Casper Sermsuksan 哪个更好？ 数据驱动还是数据通知？ (Which is better? Data-Driven or Data-Informed?) I recently spoke at the Tech in Asia Product Development Conference in Jakarta about being data-…
从某一日期开始过day天的日期
一个SX问我的，我就写了写......从2010.1.1开始，给了一组测试数据3的话输出2010.1.4星期1，所以说2010.1.1是星期五，总星期就是 (day5)%70?7:(day5)%7下面是代码...... #include <iostream> #include <stdlib.h> using…
dhtmlxgrid表格笔记
因为公司以前架构的需求，所以对于dhtmlxgrid进行了简单的学习，参照dhtmlxgrid给出的例子进行摸索 1、必须引入的js包 <link rel"STYLESHEET" type"text/css" href"css/dhtmlxgrid.css"> <link rel"stylesh…
配置 腾讯云 SSL 证书 SSL证书实现https，环境：phpStudy下Apache环境
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： SSL证书实现https，环境：phpStudy下Apache环境 前提条件： 1.申请并下载好腾讯云申请的免费 ssl证书 腾讯云免费证书申请地址： http…
把canvas放在盒子内_如何将您的专业知识放在盒子中并出售
把canvas放在盒子内At RISE Conf in Hong Kong, Gary Vaynerchuk was asked:在香港的RISE Conf会议上， 加里韦纳楚克被问到： How do I make a living off my passion?我如何以激情为生？ The answer from the marketing mogul was strai…
bzoj 4771: 七彩树 树链的并+可持久化线段树
题目大意: 给定一颗树,询问树中某个点x的子树中与其距离不超过d的所有点中本质不同的颜色数 强制在线 题解: 一下午终于把这道题叉掉了。 写了三个算法,前两个都是错的,后一个是%的网上大爷们的题解. 首先我们发现这道题有一个特点:没有修改操作 !! 这就使我们能够对颜色进行预…
Chapter 0: 引论
引论我之前就看过了，在我刚买到这本书的时候。 而我买这本书的日子，已经是两年前了。我就是这样子的，我买了好多好多关于技术的书，这些书都是很贵很贵的，可是买完回来之后就看了第一章，然后就一直丢在一边&…
开发常用CSS
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： keyframes -> 使 div 元素匀速向下移动 div{animation:myanimation 5s infinite;} keyframes myanimation {from {top:0px;}to {top:200px;}} 注:animation ->Css3动画属性 …
javascript网络_没有JavaScript的网络外观
javascript网络A Berlin-based web developer — who codes JavaScript for a living — decided to go an entire day without JavaScript.一家位于柏林的网络开发人员(为JavaScript编写代码为生)决定不使用JavaScript进行一整天的工作。 Let’s face it — in an insane wor…
js中的各种宽高以及位置总结
在javascript中操作dom节点让其运动的时候，常常会涉及到各种宽高以及位置坐标等概念，如果不能很好地理解这些属性所代表的意义，就不能理解js的运动原理，同时，由于这些属性概念较多，加上浏览器之间 实现方式…
关于百度编辑器UEditor在asp.net中的使用方法！
为了完成自己想要的功能效果，在项目中使用到了百度编辑器，为了搞明白，苦心学习查资料搞了整整一天，总结一下。 在asp.net 的项目中目前我觉得有两种情况，一种是没有使用模板页的，一种是使用了模板页的&…
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： 先上效果图，再附上完整源码： 1.多张图片循环渲染后预览、保存、识别带参数二维码 <view wx:for"{{imgalist}}" class"previewimg">…
vba编程教程视频教程_我已经完成了编程教程。 怎么办？
vba编程教程视频教程by Preethi Kasireddy通过Preethi Kasireddy 我已经完成了编程教程。 怎么办？ (I’ve done programming tutorials. Now what?) This week’s question for my Ask Preethi series is about how to go from simply doing tutorials to the act…
【官方文档】Nginx负载均衡学习笔记（二）负载均衡基本概念介绍
简介 负载均衡（Server Load Balancer）是将访问流量根据转发策略分发到后端多台 ECS 的流量分发控制服务。负载均衡可以通过流量分发扩展应用系统对外的服务能力，通过消除单点故障提升应用系统的可用性。 负载均衡主要有如下几个功能点&#x…
微信小程序本地缓存
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： 关于微信小程序本地缓存，做一下笔记，希望能够帮助到看到这篇分享的人 //index.js 这里是保存 var a 1 wx.setStorageSync(a, a) //logo.js 这里是取保存的…
css 形状_在CSS形状之外思考
css 形状CSS is based off a box model. If you have an image that is a circle that you want to wrap text around, it will wrap around the images’ bounding box.CSS基于盒模型。 如果您要环绕的图像是一个圆，则它将环绕图像的边界框。 外型 (Shape-outside…
js-ES6学习笔记-module（4）
1、<script>标签打开defer或async属性，脚本就会异步加载。渲染引擎遇到这一行命令，就会开始下载外部脚本，但不会等它下载和执行，而是直接执行后面的命令。 defer与async的区别是：前者要等到整个页面正常渲染结束…
图像边缘检测--OpenCV之cvCanny函数
图像边缘检测--OpenCV之cvCanny函数 分类： C/C void cvCanny( const CvArr* image, CvArr* edges, double threshold1, double threshold2, int aperture_size3 ); image单通道输入图像.edges单通道存储边缘的输出图像threshold1第一个阈值threshold2第二个阈值aper…
微信小程序 封装网络请求并调用
微信小程序开发交流qq群 526474645 正文： util.js // 网络请求 const request function(url, method, data, msg, succ, fail, com) {// 小程序顶部显示Loadingwx.showNavigationBarLoading();if (msg ! "") {wx.showLoading({title: msg})}wx.requ…
什么是导师负责制_为什么一个导师是不够的
什么是导师负责制by Rick West由里克韦斯特(Rick West) 为什么一个导师是不够的 (Why one mentor just isn’t enough) A mentor can give career guidance and help with learning. They can teach you how to solve problems, network, and the list goes on.导师可以提供职…
CodeForces 114B 【STL应用】
思路： 原来string类能sort 和 swap....太强了.... 注意：字典序最小输出，因为某个地方写挫了，sort了n发，代码挫。 #include <bits/stdc.h> using namespace std; typedef long long LL;int tol; map<string,in…
微信小程序订单页面下拉刷新上拉分页加载
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。 正文： 效果图： 代码： json代码： {"enablePullDownRefresh": true,"backgroundColor": "#19ad19" } js代码：…