JavaScript解析任意形式的json树型结构展示


Posted in Javascript onJuly 23, 2017

 在页面展示json成树形结构时,往往得到的json不是ztree的规范格式,需要对json循环迭代解析。即使不规范的json也可以树形展现:

var arrayJsonContent=[];
//节点类
 var JsonNodes = {
 id:"",
 name:"",
 pId:"",
 content:"",
 //location:"",
 linklocation:"",
 open:false
};
//循环迭代解析json
 function buildTree(o,params){
 for( var child in o){
 var param =params+"?"+child;
 var JsonNodes={
 id:param,
 pId:params,
 name:child
 };
 arrayJsonContent.push(JsonNodes);
 if(typeof o[child] == "object"){
 buildTree(o[child],param,loca);
 }else{
 var JsonNodes={
 id:param,
 pId:params,
 name:child,
 content:o[child]
 };
 arrayJsonContent.push(JsonNodes);
 }
 }

以上所述是小编给大家介绍的JavaScript解析任意形式的json树型结构展示,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复的大家的!

Javascript 相关文章推荐
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
javaScript基础语法介绍
Feb 28 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
Mar 02 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
如何通过简单的代码描述Angular父组件、子组件传值
Apr 07 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 #Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 #jQuery
vue axios用法教程详解
Jul 23 #Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 #Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 #Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 #Javascript
js实现带进度条提示的多视频上传功能
Dec 13 #Javascript
You might like
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
destoon数据库表说明汇总
2014/07/15 PHP
学习php开源项目的源码指南
2014/12/21 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
PHP中cookie知识点学习
2018/05/06 PHP
简单实用的js调试logger组件实现代码
2010/11/20 Javascript
jQuery实现单行文字间歇向上滚动源代码
2013/06/02 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
jquery实现倒计时效果
2015/12/14 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
react+redux仿微信聊天界面
2019/06/21 Javascript
javascript中的闭包概念与用法实践分析
2019/07/26 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python实现在pickling的时候压缩的方法
2014/09/25 Python
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
Python SQLite3数据库日期与时间常见函数用法分析
2017/08/14 Python
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
python处理“
2019/06/10 Python
python实现最速下降法
2020/03/24 Python
Django数据库操作之save与update的使用
2020/04/01 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫