主要实现功能:读取本地JSON文件,转化格式,并用jsTree插件加载
- 引用资源
<link rel="stylesheet" href="dist/themes/default/style.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="dist/jstree.min.js"></script>
- 读取和修改JSON文件
let rdJson = new Promise(resolve => { //定义一个promise对象
$.getJSON("./test.json",function (data) {
addText([data])
// console.log(data)
resolve(data)
})
})
function addText(data) { //遍历所有子节点并修改数据
for (let i = 0; i < data.length; i++){
data[i].text = data[i].name
if (data[i].children) {
addText(data[i].children)
}
}
}
用于测试的test.