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 相关文章推荐
Java 正则表达式学习总结和一些小例子
Sep 13 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
Nov 19 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
基于 Node.js 实现前后端分离
Apr 23 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
Aug 30 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 Javascript
解决$store.getters调用不执行的问题
Nov 08 Javascript
JavaScript如何实现图片处理与合成
May 29 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截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
深入php 正则表达式的学习探讨
2013/06/06 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
PHP简单实现二维数组赋值与遍历功能示例
2017/10/19 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
JavaScript 学习笔记(六)
2009/12/31 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
10行原生JS实现文字无缝滚动(超简单)
2018/01/02 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
浅谈vue生命周期共有几个阶段?分别是什么?
2020/08/07 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
python中去空格函数的用法
2014/08/21 Python
浅谈python对象数据的读写权限
2016/09/12 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
2021/03/17 Javascript
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
100%植物性、有机、即食餐:Sakara Life
2018/10/25 全球购物
周年庆促销方案
2014/03/15 职场文书
王亚平太空授课观后感
2015/06/12 职场文书
卫生主题班会
2015/08/14 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python