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系列(3) 全面解析Module模式
Jan 15 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
Nov 04 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
angular2中使用第三方js库的实例
Feb 26 Javascript
Koa项目搭建过程详细记录
Apr 12 Javascript
Vue的编码技巧与规范使用详解
Aug 28 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
PHP PDOStatement::bindParam讲解
2019/01/30 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
XRegExp 0.2: Now With Named Capture
2007/11/30 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
Underscore.js常用方法总结
2015/02/28 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
2016/08/02 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
基于JS实现限时抢购倒计时间表代码
2017/05/09 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
Python写的贪吃蛇游戏例子
2014/06/16 Python
python使用心得之获得github代码库列表
2014/06/25 Python
python数据结构之列表和元组的详解
2017/09/23 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
音乐之声音乐广播稿
2014/09/10 职场文书
大学生暑期实践报告
2015/07/13 职场文书
MySQL pt-slave-restart工具的使用简介
2021/04/07 MySQL
CSS中Single Div 绘图技巧的实现
2021/06/18 HTML / CSS
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS