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 鼠标拖动图标技术
Feb 07 Javascript
编写可维护面向对象的JavaScript代码[翻译]
Feb 12 Javascript
基于jQuery的倒计时实现代码
May 30 Javascript
Javascript图像处理—亮度对比度应用案例
Jan 03 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
Jan 08 Javascript
JavaScript数组基于交换的排序示例【冒泡排序】
Jul 21 Javascript
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 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 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php中模拟POST传递数据的两种方法分享
2011/09/16 PHP
php中3种方法删除字符串中间的空格
2014/03/10 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
PHP进阶学习之类的自动加载机制原理分析
2019/06/18 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
JavaScript动态插入CSS的方法
2015/12/10 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
原生js实现验证码功能
2017/03/16 Javascript
bootstrap实现二级下拉菜单效果
2017/11/23 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
vue基于v-charts封装双向条形图的实现代码
2019/12/09 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
分享Python切分字符串的一个不错方法
2018/12/14 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
Python简易版图书管理系统
2019/08/12 Python
python函数定义和调用过程详解
2020/02/09 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
2014年上半年工作自我评价
2014/01/18 职场文书
一年级语文教学反思
2014/02/13 职场文书
口才训练演讲稿范文
2014/09/16 职场文书
大雁塔导游词
2015/02/04 职场文书
2015年社区综治工作总结
2015/04/21 职场文书
给学校的建议书400字
2015/09/14 职场文书
七个Python必备的GUI库
2021/04/27 Python
python 字典和列表嵌套用法详解
2021/06/29 Python