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 相关文章推荐
基于Jquery的简单&简陋Tabs插件代码
Feb 09 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
Sep 16 Javascript
Angularjs 基础入门
Dec 26 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
Nov 11 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
Syphon 虹吸式咖啡壶冲煮–拨动法
2021/03/03 冲泡冲煮
PHP中cookies使用指南
2007/03/16 PHP
PHP setTime 设置当前时间的代码
2012/08/27 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
jQuery菜单插件superfish使用指南
2015/04/21 Javascript
JavaScript运算符小结
2015/06/03 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
2016/07/27 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
JS实现的简单表单验证功能完整实例
2017/10/14 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
vue加载自定义的js文件方法
2018/03/13 Javascript
js正则相关知识点专题
2018/05/10 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
全面解析js中的原型,原型对象,原型链
2021/01/25 Javascript
[02:38]DOTA2亚洲邀请赛 IG战队巡礼
2015/02/03 DOTA
python turtle库画一个方格和圆实例
2019/06/27 Python
详解python 中in 的 用法
2019/12/12 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
python线性插值解析
2020/07/05 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
致共产党员倡议书
2014/04/16 职场文书
励志演讲稿200字
2014/08/21 职场文书
小学教师个人总结
2015/02/05 职场文书
redis数据一致性的实现示例
2022/03/18 Redis
vmware虚拟机打不开vmx文件怎么办 ?vmware虚拟机vmx文件打开方法
2022/04/08 数码科技
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android