js解析json数据,转为树状结构图 20C

json数据:json格式数据:[ {
"ChildNodes": [{
"ChildNodes": [{
"path": "文件夹1/文件夹2/2.txt",
"text": "2.txt"
}],
"path": "文件夹1/文件夹2",
"text": "文件夹2"
}, {
"path": "文件夹1/1.txt",
"text": "1.txt"
}],
"path": "文件夹1",
"text": "文件夹1"
}, {
"path": "0.txt",
"text": "0.txt"
}]
这里只列出部分层级,可能文件夹下还有文件和文件夹,以此类推。然后在页面上以树状结构显示出来,求帮忙。。。
图片说明

3个回答

使用的什么树?ztree还是easyui tree,ztree支持扁平和嵌套的,如果只支持扁平结构可以用js转
参考:javascript树数据源嵌套结构和扁平结构互转

showbo
支付宝加好友偷能量挖 回复fighter66: $.fn.zTree.init($("#treeDemo"), { data: { key: { children: 'ChildNodes', name: 'text' } }}, 你的数据);这样就行了,做好隐射
一年多之前 回复
showbo
支付宝加好友偷能量挖 回复fighter66: 可以配置的,不一定要按照示例的标准数据
一年多之前 回复
fighter66
fighter66 ztree吧easyui太重了,,我不会递归解析json,然后组装成插件指定的树状格式json
一年多之前 回复

https://gojs.net/latest/samples/treeView.html

看看这里能不能帮到你。

很多现成的JS tree结构插件啊,选一个用就行了:
jstree参考:http://www.jq22.com/jquery-info5724
ztree参考:http://www.treejs.cn/v3/main.php#_zTreeInfo

adolesssss
adolesssss 建议采用插件的方式,方便一些,百度看看
一年多之前 回复
a718089112
a718089112 后台不是你做的么? 你后台返回的json字符串就应该满足插件调用的字符串了,js不用写复杂的逻辑处理字符串的,处理字符串的工作都在后台。前台固定好格式,后台生成字符串返回。js不需要解析,只需要调用
一年多之前 回复
fighter66
fighter66 回复a718089112: 能写个代码吗,就把上面最简化这样的转换成树状json并显示,我参考参考
一年多之前 回复
fighter66
fighter66 回复a718089112:返回的json字符串很复杂,我这里只是最简化了,嵌套好多,转换不会啊,头晕了。。。。
一年多之前 回复
a718089112
a718089112 回复fighter66: 递归json格式在后台啊,你数据不是后台获取的吗? 后台查询数据后生成插件需要的json字符串,把结果字符串传输到前台就行了啊
一年多之前 回复
fighter66
fighter66 我知道这些插件,我不会递归解析json,然后组装成插件指定的树状格式json
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js解析json数据
使用循环定位不同节点进而取值重新整理,可以放在数组或者新的json数据 for(var k in data) { for(var l in data[k]){ arr_name[l] = data[k][l].hikerName; for(var j in data[k][l]){ if(j == 'items'){ for(var i in d...
js解析JSON数据
JSON有两种表示结构,对象和数组。 对象结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”键值”对构成,键和值之间以”:”分隔,语法结构如代码。 { key1:value1, key2:value2, ... }其中键必须是字符串,而值可以是字符串,数值,true,false,null,对象或数组数组结构以”[”开始,”]”结束。中间由0或多个
js读取解析JSON数据
简介 1、JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation) JSON 2、是轻量级的文本数据交换格式。 JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理JSON数据,不须要任何特殊的 API 或工具包。 3、JSON 独立于语言:JSON 虽然使用 JavaScript来描述数据对象,但JSON...
js解析与序列化json数据
一、前言:JSON对象有两个方法:stringify()和parse()。 二、介绍:在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。 1、浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:   JSON.stringify(jsonobj);//将...
js怎么解析json数据?
var arr=["date":"04","fee":"100","date":"05","fee":"50","date":"06","fee":"200","date":"07","fee":"1000","date":"08","fee":"500","date":"09","fee":"637.41"];rnrn怎么把上面的json数据解析.解析结果是fee中存的最大值放在第一位,也就是倒序排列,并且倒序之后要求date能够和fee匹配,rn结果:date:07,fee:1000,date:09,fee:637.41,date:08,fee:500,date:06,fee:200,date:04,fee:100,date:05,fee:50
js解析与读取JSON数据
串行化为JSONvar person = { fisrstName: "Stark", lastName: "Tom", age: 23 }; var str= JSON.stringify(person); //JSON.stringify()方法用于将 JavaScript 对象转换为 JSON 字符串,也可以
js解析json数据例子
   简单的JS解析JOSN串的例子      var obj = {name:'cat',color:'black'};      这是JS定义一个对象,obj.name值为cat,obj.color值为black      如果我们要从服务器获返回一个这样的字串"{name:'cat',color:'black'}"      var data = 接收到的数据;   var obj = ev...
spss树状结构图构建
在数据做聚类分析的过程中首先进行资料的矩阵共现构建没然后导入spss进行聚类即可
树状结构的组织结构图
请在SQL Server中设计表来保存一个树状结构的组织结构图(假设结构图中只有名称这一项内容需要保存),如果我想查询某一职位下的所有职位,用一个存储过程来实现,你有什么思路?
UGUI树状结构图插件
一款unity树状结构图插件,分享给有需要的朋友 简单易用
树状结构图的实现
一个树状结构图sample
js对返回的json数据进行树状划分
$.ajax({ type: "get", url: 'data.json', success:function(data){ var jsondata = JSON.parse(data); //返回的数据是json字符串,把它转换成json对象,如果是json对象则不需转换 var topArr = []; //声明一个数组,存储所有的json数据
C#实现树状结构图。树状目录。
C#实现目录树状图,完整工程源代码。C#实现目录树状图,完整工程源代码。C#实现目录树状图,完整工程源代码。C#实现目录树状图,完整工程源代码。C#实现目录树状图,完整工程源代码。
ajax接收json数据到js解析
解决js解析后台返回的list和对象遍历问题
js解析网络中的json数据
php echo _END "container"> //var value2 = {"list":[ {"password":"1230","username":"coolcooldool"}, {"password":"thisis2","username":"okokok"}], "array":[{"password":"1230","username":"coolcoold
js解析json数据.....在线等。。
这段数据用js怎么解析?rn"newName":["Title [id=1, title=主页]":[],"Title [id=2, title=医疗产品]":["id":1,"name":"自动注射器","title_id":2,"id":2,"name":"血压器","title_id":2,"id":3,"name":"血糖仪","title_id":2],"Title [id=3, title=智能家居]":["id":4,"name":"智能窗台","title_id":3,"id":5,"name":"智能门","title_id":3,"id":6,"name":"智能电灯","title_id":3,"id":7,"name":"智能沙发","title_id":3],"Title [id=4, title=技术支持]":[],"Title [id=5, title=公司简介]":[]]
js 怎么解析未知的json数据
类似jquery的ajax [code=JScript]$.post("test.jsp",name:"123" ,function(data),xml);[/code]rn中的{name:"123" 这这数据是未知的 我要怎么得到它们的key value键值对
关于js解析Json数据的方法
JSON(JavaScript Object Notation, JS 对象标记JSON) 中文意思就是JavaScript对象标示方式! 我们经常会遇到ajax请求后台接口得到json数据,此时我们就需要对json数据进行解析。下面介绍几种方法,供大家参考: 1.eval()方法 代码: var json = eval('(' + str + ')'); 2.JSON.parse(
用ajax实现树状结构图
现在我要弄一个树状结构图,类似于csdn论坛的目录那样,rn只是在点击加号后,下一级的内容再去读数据库,显示出来~~rnrn我该怎么实现?给个方法~~,说说思路就行~~rnrnrnrn如果我说的不太清楚,请提出,我会继续讲解我的目的~~rnrnrn谢谢,请多关注本贴~~~
js判断字符串是否可转为json数据
js判断字符串是否可转为json数据,如果可以则返回true function isJsonString(str) { try { if (typeof JSON.parse(str) == "object") { return true; } } catch(e) { ...
JSON数据的解析和生成Json数据
JSON数据的解析和生成
json数据转为excel文件
rn "ATTR_LIST": rn "EXCEL_DATA": [rn rn "EXCEL_DATA_COLS": "4",rn "EXCEL_DATA_HEAD": [rn [rn rn "COLS": "1",rn "VALUE": "订单编号"rn ,rn rn "COLS": "1",rn "VALUE": "操作号码"rn ,rn rn "COLS": "1",rn "VALUE": "执行状态"rn ,rn rn "COLS": "1",rn "VALUE": "执行详情"rn rn ]rn ],rn "EXCEL_DATA_LIST": [],rn "EXCEL_SHEET_NAME": "1000000002成功列表"rn ,rn rn "EXCEL_DATA_COLS": "4",rn "EXCEL_DATA_HEAD": [rn [rn rn "COLS": "1",rn "VALUE": "订单编号"rn ,rn rn "COLS": "1",rn "VALUE": "操作号码"rn ,rn rn "COLS": "1",rn "VALUE": "执行状态"rn ,rn rn "COLS": "1",rn "VALUE": "执行详情"rn rn ]rn ],rn "EXCEL_DATA_LIST": [],rn "EXCEL_SHEET_NAME": "1000000002失败列表"rn rn ],rn "EXCEL_NAME": "计划编号1000000002结果导出"rn ,rn "DF_EX_NODENAME": "ROOT/BODY/OUT_DATA/ATTR_LIST"rn rnrn想问下这种格式的json数据如何在js中转化为多sheet的excel文件,求大神指点,谢谢。
C# 如何生成树状的Json数据
例如要生成如下的数据:rn"text":".","children": [rn rn task:'Project: Shopping',rn duration:13.25,rn user:'Tommy Maintz',rn iconCls:'task-folder',rn expanded: true,rn children:[rn task:'Housewares',rn duration:1.25,rn user:'Tommy Maintz',rn iconCls:'task-folder',rn children:[rn task:'Kitchen supplies',rn duration:0.25,rn user:'Tommy Maintz',rn leaf:true,rn iconCls:'task'rn ,rn task:'Groceries',rn duration:.4,rn user:'Tommy Maintz',rn leaf:true,rn iconCls:'task'rn ,rn task:'Cleaning supplies',rn duration:.4,rn user:'Tommy Maintz',rn leaf:true,rn iconCls:'task'rn ,rn task: 'Office supplies',rn duration: .2,rn user: 'Tommy Maintz',rn leaf: true,rn iconCls: 'task'rn ]rn , rn task:'Remodeling',rn duration:12,rn user:'Tommy Maintz',rn iconCls:'task-folder',rn expanded: true,rn children:[rn task:'Retile kitchen',rn duration:6.5,rn user:'Tommy Maintz',rn leaf:true,rn iconCls:'task'rn ,rn task:'Paint bedroom',rn duration: 2.75,rn user:'Tommy Maintz',rn iconCls:'task-folder',rn children: [rn task: 'Ceiling',rn duration: 1.25,rn user: 'Tommy Maintz',rn iconCls: 'task',rn leaf: truern , rn task: 'Walls',rn duration: 1.5,rn user: 'Tommy Maintz',rn iconCls: 'task',rn leaf: truern ]rn ,rn task:'Decorate living room',rn duration:2.75,rn user:'Tommy Maintz',rn leaf:true,rn iconCls:'task'rn ,rn task: 'Fix lights',rn duration: .75,rn user: 'Tommy Maintz',rn leaf: true,rn iconCls: 'task'rn , rn task: 'Reattach screen door',rn duration: 2,rn user: 'Tommy Maintz',rn leaf: true,rn iconCls: 'task'rn ]rn ]rn ,rn task:'Project: Testing',rn duration:2,rn user:'Core Team',rn iconCls:'task-folder',rn children:[rn task: 'Mac OSX',rn duration: 0.75,rn user: 'Tommy Maintz',rn iconCls: 'task-folder',rn children: [rn task: 'FireFox',rn duration: 0.25,rn user: 'Tommy Maintz',rn iconCls: 'task',rn leaf: truern , rn task: 'Safari',rn duration: 0.25,rn user: 'Tommy Maintz',rn iconCls: 'task',rn leaf: truern , rn task: 'Chrome',rn duration: 0.25,rn user: 'Tommy Maintz',rn iconCls: 'task',rn leaf: truern ]rn ,rn task: 'Windows',rn duration: 3.75,rn user: 'Darrell Meyer',rn iconCls: 'task-folder',rn children: [rn task: 'FireFox',rn duration: 0.25,rn user: 'Darrell Meyer',rn iconCls: 'task',rn leaf: truern , rn task: 'Safari',rn duration: 0.25,rn user: 'Darrell Meyer',rn iconCls: 'task',rn leaf: truern , rn task: 'Chrome',rn duration: 0.25,rn user: 'Darrell Meyer',rn iconCls: 'task',rn leaf: truern ,rn task: 'Internet Exploder',rn duration: 3,rn user: 'Darrell Meyer',rn iconCls: 'task',rn leaf: truern ]rn ,rn task: 'Linux',rn duration: 0.5,rn user: 'Aaron Conran',rn iconCls: 'task-folder',rn children: [rn task: 'FireFox',rn duration: 0.25,rn user: 'Aaron Conran',rn iconCls: 'task',rn leaf: truern , rn task: 'Chrome',rn duration: 0.25,rn user: 'Aaron Conran',rn iconCls: 'task',rn leaf: truern ]rn ]rn rn]rnrn我知道可以用newtonsoft.json.dll 但最关键的是不知道怎么构建这样的结构,rnrnrn请大侠们指点指点,数据不必要有上面的多,但希望能体现上面的[color=#FF0000]树状结构[/color]
Json数据的解析
一、概述     JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式, 易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。 二、语法规则   (1)、JSON 语法是 JavaScript 对象表示语法的子集。 数据在键值对中数据由逗
解析json数据
       json和xml 两者流程相似,只不过数据格式不同     web端    Servlet package com.lin.servlet; import java.io.IOException; import java.util.List; import javax.servlet.ServletException; import javax.servl...
json数据的解析
我现在有从服务器得到的json数据如下rn"teacher":[rn rn "id":"1",rn "teachername":"\u6559\u5e08A",rn "subject_grade":"\"subject\":[5],\"grade\":[18,19]",rn "mastername":"\u73ed\u4e3b\u4efbA"rn rn]rnrn重点是"subject_grade"这一个对象,它下面又有两个对象——subject和grade。但是我觉得他这个格式给错了,应该是"subject_grade":"subject":[5],"grade":[18,19]这样才对。为什么他返回的数据里大括号外面有双引号呢??如果这个格式是正确的,那么该怎么解析呢(需要解析出subject和grade)??rnrnrn
解析JSON数据
一:通过 alibaba.fastjson.JSON 1.import com.alibaba.fastjson.JSON; 2.Map<String,Object> stuMap = (Map<String,Object>) JSON.parse(“解析的字符串”); 二:通过 google.gson 1.import com.google.gson.Gson; 2. G...
解析json数据:使用JsonObject解析json数据 <一>
在Android开发中,我们经常需要和服务器进行交互,进而获取到服务器上上的数据。服务器返回的数据一般有两种格式:1、json格式;2、xml格式,今天讲json格式的解析。解析json数据通常有三种方式:第一种是使用Android中自带的JsonObject对象进行解析,这是一种最基础同时也是最麻烦的解析方式;第二种是使用Gson解析,Gson的效率并不是非常好,但是架不住他好用,所以一般都会使用
Java构造和解析Json数据的两种方法详解一
在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别。下面首先介绍用json-lib构造和解析Json数据的方法示例。 用org.son构造和解析Json数据的方法详解请参见我下一篇博文:Java构造和解析Json数据的两种方法详解二 一、介绍 JSON-lib包是一...
JSON数据的解析
JSON数据的解析
解析Json数据
以上一篇博客为例: volley学习 解析以下json数据:{ "result": [ [ "电脑桌", "2081633" ], [ "电脑椅", "967292" ], [ "电脑主机"
解析 JSON数据
先放上一段JSON代码实例[{&quot;id&quot;:&quot;5&quot;,&quot;version&quot;:&quot;5.5&quot;,&quot;name&quot;:&quot;Clash of Clans&quot;}, {&quot;id&quot;:&quot;6&quot;,&quot;version&quot;:7.0&quot;,&quot;name&quot;:&quot;Boom Beach&quot;}, {&quot;id&quot;:&quot;7&qu
相关热词 c# login 居中 c# 考试软件 c# 自然语言分析 c# 分段读取文件 c# 泛型反射 c#打断点 c# 时间转多少秒 c# 线程函数加参数 c# modbus 读取 c#查询集合表