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 相关文章推荐
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
extjs render 用法介绍
Sep 11 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
JQuery控制DIV的选取实现方法
Sep 18 Javascript
babel基本使用详解
Feb 17 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
javascript中的隐式调用
Feb 10 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
微信小程序自定义底部弹出框动画
Nov 18 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加MYSQL服务器
2006/10/09 PHP
php生成随机颜色的方法
2014/11/13 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
jquery实现页面常用的返回顶部效果
2016/03/04 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
js的各种数据类型判断的介绍
2019/01/19 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
如何阻止移动端浏览器点击图片浏览
2020/08/29 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
python通过wxPython打开一个音频文件并播放的方法
2015/03/25 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
python爬取微信公众号文章
2018/08/31 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
在Django中自定义filter并在template中的使用详解
2020/05/19 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
北京华建集团SQL面试题
2014/06/03 面试题
电脑售后服务承诺书
2014/03/27 职场文书
股权转让协议书
2014/04/12 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
劳模先进事迹材料
2014/12/24 职场文书
内勤岗位职责范本
2015/04/13 职场文书
一行代码python实现文件共享服务器
2021/04/22 Python
详解MySQL中的pid与socket
2021/06/15 MySQL
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript