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 相关文章推荐
一个用js实现的页内搜索代码
May 23 Javascript
js中escape对应的C#解码函数 UrlDecode
Dec 16 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 Javascript
JavaScript数组操作函数汇总
Aug 05 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
Aug 13 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
Jul 11 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
vue实现Toast组件轻提示
Apr 10 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
一个颜色轮换的简单例子
2006/10/09 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
chorme 浏览器记住密码后input黄色背景处理方法(两种)
2017/11/22 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
2018/01/30 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
JS正则表达式封装与使用操作示例
2019/05/15 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
[00:35]DOTA2上海特级锦标赛 Newbee战队宣传片
2016/03/03 DOTA
Python文件操作,open读写文件,追加文本内容实例
2016/12/14 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
基于python的列表list和集合set操作
2019/11/24 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
施华洛世奇加拿大官网:SWAROVSKI加拿大
2018/06/03 全球购物
大学生村官承诺书
2014/03/28 职场文书
创文明城市标语
2014/06/16 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
社区党风廉政建设调研报告
2015/01/01 职场文书
贪污检举信范文
2015/03/02 职场文书
党员干部学习心得体会
2016/01/23 职场文书
《圆的周长》教学反思
2016/02/17 职场文书
PHP新手指南
2021/04/01 PHP
JVM钩子函数的使用场景详解
2021/08/23 Java/Android
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python