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实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
js利用prototype调用Array的slice方法示例
Jun 09 Javascript
JavaScript及jquey实现多个数组的合并操作
Sep 06 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
Feb 17 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
Sep 12 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
浅析vue数据绑定
Jan 17 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 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
十大催泪虐心动漫,你能坚持看到第几部?
2020/03/04 日漫
PHP中实现Bloom Filter算法
2015/03/30 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
javascript引用对象的方法
2007/01/11 Javascript
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
Jquery cookie操作代码
2010/03/14 Javascript
javascript垃圾收集机制与内存泄漏详细解析
2013/11/11 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
2016/09/17 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
python实现DNS正向查询、反向查询的例子
2014/04/25 Python
python程序封装为win32服务的方法
2021/03/07 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
Python偏函数实现原理及应用
2020/11/20 Python
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
惠普香港官方商店:HP香港
2019/04/30 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
资产经营总监岗位职责范文
2013/12/01 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
水电工岗位职责
2015/02/14 职场文书
困难补助申请报告
2015/05/19 职场文书
python 提取html文本的方法
2021/05/20 Python