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 相关文章推荐
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
javascript中"/"运算符常见错误
Oct 13 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
Apr 19 Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
JSON 的正确用法探讨:Pyhong、MongoDB、JavaScript与Ajax
May 15 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
May 14 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 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
跟我学Laravel之快速入门
2014/10/15 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
IE图片缓存document.execCommand("BackgroundImageCache",false,true)
2011/03/01 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
jQuery插件expander实现图片翻转特效
2015/05/21 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
微信小程序仿微信运动步数排行(交互)
2018/07/13 Javascript
javascript和php使用ajax通信传递JSON的实例
2018/08/21 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[47:12]TFT vs Secret Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
[37:21]完美世界DOTA2联赛PWL S2 Inki vs Magma 第二场 11.22
2020/11/24 DOTA
Python中字典映射类型的学习教程
2015/08/20 Python
Python数据结构与算法之链表定义与用法实例详解【单链表、循环链表】
2017/09/28 Python
python利用socketserver实现并发套接字功能
2018/01/26 Python
python删除服务器文件代码示例
2018/02/09 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
工程班组长岗位职责
2013/12/30 职场文书
安全事故检讨书
2014/01/18 职场文书
挂职学习心得体会
2014/09/09 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
争先创优个人总结
2015/03/04 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书