JavaScript解析任意形式的json樹型結構展示
更新時間:2017年07月23日 10:49:59 作者:mr2zhang
這篇文章主要介紹了JavaScript解析任意形式的json樹型結構展示的相關資料,需要的朋友可以參考下
在頁面展示json成樹形結構時,往往得到的json不是ztree的規(guī)范格式,需要對json循環(huán)迭代解析。即使不規(guī)范的json也可以樹形展現(xiàn):
var arrayJsonContent=[];
//節(jié)點類
var JsonNodes = {
id:"",
name:"",
pId:"",
content:"",
//location:"",
linklocation:"",
open:false
};
//循環(huán)迭代解析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樹型結構展示,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復的大家的!
相關文章
document.getElementById為空或不是對象的解決方法
document.getElementById為空或不是對象的解決方法,一般情況下注意先內(nèi)容后js.2010-01-01
JS基于HTML5的canvas標簽實現(xiàn)炫目的色相球動畫效果實例
這篇文章主要介紹了JS基于HTML5的canvas標簽實現(xiàn)色相球效果,結合實例形式分析了基于canvas標簽實現(xiàn)圖形繪制的相關操作技巧,需要的朋友可以參考下2016-08-08

