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性能陷阱小结(附实例说明)
Dec 28 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
js读写json文件实例代码
Oct 21 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
node.js中express-session配置项详解
May 31 Javascript
JSON对象转化为字符串详解
Aug 11 Javascript
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
基于vue的验证码组件的示例代码
Jan 22 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
Vue父子传递实例讲解
Feb 14 Javascript
详解JavaScript自定义函数
Jul 29 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
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
第二节--PHP5 的对象模型
2006/11/16 PHP
php连接mssql的一些相关经验及注意事项
2013/02/05 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
JavaScript中的事件处理
2008/01/16 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python字符串str和字节数组相互转化方法
2017/03/18 Python
django实现前后台交互实例
2017/08/07 Python
Python实现的选择排序算法原理与用法实例分析
2017/11/22 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
pandas中去除指定字符的实例
2018/05/18 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
安装PyInstaller失败问题解决
2019/12/14 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
详解python的super()的作用和原理
2020/10/29 Python
老人祝寿主持词
2014/03/28 职场文书
婚假请假条怎么写
2014/04/10 职场文书
环保建议书500字
2014/05/14 职场文书
郭明义电影观后感
2015/06/08 职场文书
法律讲堂观后感
2015/06/11 职场文书
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android