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笔记 数据的存储与访问性能优化
Aug 02 Javascript
EASYUI TREEGRID异步加载数据实现方法
Aug 22 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
Jul 09 Javascript
超棒的响应式布局jQuery插件Freetile.js
Nov 17 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
微信小程序开发教程之增加mixin扩展
Aug 09 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
微信小程序实现留言功能
Oct 31 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 03 Javascript
Typescript类型系统FLOW静态检查基本规范
May 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函数
2011/05/31 PHP
记录mysql性能查询过程的使用方法
2013/05/02 PHP
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
js实现交换运动效果的方法
2015/04/10 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
用jquery获取select标签中选中的option值及文本的示例
2018/01/25 jQuery
jQuery AJAX应用实例总结
2020/05/19 jQuery
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
Python字符串和文件操作常用函数分析
2015/04/08 Python
深入源码解析Python中的对象与类型
2015/12/11 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
python elasticsearch环境搭建详解
2019/09/02 Python
Python如何用filter函数筛选数据
2020/03/05 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
Python加速程序运行的方法
2020/07/29 Python
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
医学类导师推荐信范文
2013/11/19 职场文书
医院合作协议书
2014/08/19 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
运动会加油稿50字
2015/07/21 职场文书
2016优秀教师先进个人事迹材料
2016/02/25 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
python基于tkinter实现gif录屏功能
2021/05/19 Python
Python实现科学占卜 让视频自动打码
2022/04/09 Python
Python简易开发之制作计算器
2022/04/28 Python