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 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 Javascript
js获取图片宽高的方法
Nov 25 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
Vue Spa切换页面时更改标题的实例代码
Jul 15 Javascript
讲解vue-router之什么是嵌套路由
May 28 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 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新手上路(十二)
2006/10/09 PHP
PHP模块 Memcached功能多于Memcache
2011/06/14 PHP
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php计算title标题相似比的方法
2015/07/29 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
慎用 somefunction.prototype 分析
2009/06/02 Javascript
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
jQuery创建插件的代码分析
2011/04/14 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
js抽奖转盘实现方法分析
2020/05/16 Javascript
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
使用py2exe在Windows下将Python程序转为exe文件
2016/03/04 Python
Django中的forms组件实例详解
2018/11/08 Python
Django模板Templates使用方法详解
2019/07/19 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
新锐科技Java程序员面试题
2016/07/25 面试题
土木工程专业大学毕业生求职信
2013/10/13 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
网络宣传方案
2014/03/15 职场文书
交通事故私了协议书
2014/04/16 职场文书
文明班级建设方案
2014/05/15 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
党建工作目标管理责任书
2015/01/29 职场文书
2015年调度员工作总结
2015/04/30 职场文书
Mysql 如何查询时间段交集
2021/06/08 MySQL
Python何绘制带有背景色块的折线图
2022/04/23 Python