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 如何先创建、再修改、后添加DOM元素
May 20 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
jquery设置css样式的多种方法(总结)
Feb 21 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
JavaScript与Java正则表达式写法的区别介绍
Aug 15 Javascript
JavaScript实现单例模式实例分享
Dec 22 Javascript
微信小程序实现即时通信聊天功能的实例代码
Aug 17 Javascript
利用Vue实现一个markdown编辑器实例代码
May 19 Javascript
手写Spirit防抖函数underscore和节流函数lodash
Mar 22 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中file_get_contents高?用法实例
2014/09/24 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
JS继承 笔记
2011/07/13 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
在Vant的基础上封装下拉日期控件的代码示例
2018/12/05 Javascript
小程序云开发实现数据库异步操作同步化
2019/05/18 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
Python数据类型学习笔记
2016/01/13 Python
python实现外卖信息管理系统
2018/01/11 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
python3正则模块re的使用方法详解
2020/02/11 Python
基于python 凸包问题的解决
2020/04/16 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
ECCO爱步官方旗舰店:丹麦鞋履品牌
2018/01/02 全球购物
初婚未育证明
2014/01/15 职场文书
《草原》教学反思
2014/02/15 职场文书
中学生运动会口号
2014/06/07 职场文书
生产车间标语
2014/06/11 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
街道社区活动报告
2015/02/05 职场文书
工程部主管岗位职责
2015/02/12 职场文书