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非法字符过滤代码(骂人的话等等)
May 26 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
javascript实现颜色渐变的方法
Oct 30 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
JavaScript中的ajax功能的概念和示例详解
Oct 17 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 Javascript
Vue触发input选取文件点击事件操作
Aug 07 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
vue 导出文件,携带请求头token操作
Sep 10 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实现zip文件解压操作
2015/11/03 PHP
php时间函数用法分析
2016/05/28 PHP
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
2016/01/23 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
js实现可输入可选择的select下拉框
2016/12/21 Javascript
JS中用try catch对代码运行的性能影响分析
2016/12/26 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
JS实现点击按钮可实现编辑功能
2018/07/03 Javascript
微信小程序Flex布局用法深入浅出分析
2019/04/25 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
JS实现网页烟花动画效果
2020/03/10 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
老生常谈python的私有公有属性(必看篇)
2017/06/09 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
基于pandas中expand的作用详解
2019/12/17 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
行政专员岗位职责
2014/01/02 职场文书
大学考试作弊检讨书
2014/01/30 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
python实现简单聊天功能
2021/07/07 Python
小喇叭开始广播了! 四十多年前珍贵老照片
2022/05/09 无线电