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 相关文章推荐
js变量作用域及可访问性的探讨
Nov 23 Javascript
JavaScript中的Window窗口对象
Jan 16 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
Aug 31 Javascript
javascript自动切换焦点控制效果完整实例
Feb 02 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
Js通过AES加密后PHP用Openssl解密的方法
Jul 12 Javascript
原生js 实现表单验证功能
Feb 08 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生成短网址的3种方法代码实例
2014/07/08 PHP
PHP检测用户语言的方法
2015/06/15 PHP
twig里使用js变量的方法
2016/02/05 PHP
如何打开php的gd2库
2017/02/09 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
Prototype Array对象 学习
2009/07/19 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
2014/10/17 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
vue实现简单图片上传
2020/06/30 Javascript
遗传算法python版
2018/03/19 Python
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
Python中常用的os操作汇总
2020/11/05 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
劳动模范事迹材料
2014/01/19 职场文书
冬季施工防火方案
2014/05/17 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
2014年体育教学工作总结
2014/12/09 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
护士求职自荐信范文
2015/03/04 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
免职通知
2015/04/23 职场文书
军训结束新闻稿
2015/07/17 职场文书
爱国主题班会教案
2015/08/14 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
Python 实现Mac 屏幕截图详解
2021/10/05 Python
python flappy bird小游戏分步实现流程
2022/02/15 Python