圖標(biāo)素材庫(kù)免費(fèi) 使用jQuery json生成動(dòng)態(tài)的無(wú)限分級(jí)樹,每個(gè)節(jié)點(diǎn)不一樣的圖標(biāo)?
使用jQuery json生成動(dòng)態(tài)的無(wú)限分級(jí)樹,每個(gè)節(jié)點(diǎn)不一樣的圖標(biāo)?給你一個(gè)想法:編寫你自己的特定代碼。將樹寫為異步樹。代碼只能寫一個(gè)eg:xxtree(string ID)//判斷ID是否為空,如
使用jQuery json生成動(dòng)態(tài)的無(wú)限分級(jí)樹,每個(gè)節(jié)點(diǎn)不一樣的圖標(biāo)?
給你一個(gè)想法:編寫你自己的特定代碼。將樹寫為異步樹。
代碼只能寫一個(gè)eg:xxtree(string ID)
//判斷ID是否為空,如果為空則直接加載根下第一層,PID為0
//通過(guò)后臺(tái)判斷是否為葉節(jié)點(diǎn),是否為葉節(jié)點(diǎn)。返回的JSON樣式為file
//如果不是,則為folder;
//要查看您的JSON,請(qǐng)通過(guò)PID綁定父節(jié)點(diǎn)的ID
步驟1:初始化根節(jié)點(diǎn)下的第一層樹結(jié)構(gòu)。(呼叫背景代碼,ID為空)
步驟2:?jiǎn)螕舴种А0袸D傳給背景。返回JSON。異步添加下一個(gè)樹級(jí)結(jié)構(gòu);
步驟3:如果下面有n個(gè)層,您可以慢慢重復(fù)步驟2;您可以直接編寫它并讓它迭代;
對(duì)于這樣的樹。自己組裝JSON對(duì)您來(lái)說(shuō)是一個(gè)很大的麻煩。使用第三方控件樹視圖。jQueryUI有樹控件。
json可以代替xml,為什么網(wǎng)頁(yè)不用json格式來(lái)寫呢?
以前程序之間通信的數(shù)據(jù)載體是XML。后來(lái),在許多地方,JSON取代了XML。主要有:
1。JSON格式簡(jiǎn)單、輕量級(jí),不需要前后標(biāo)注,減少了寬帶數(shù)據(jù)傳輸。
2. JS自然支持解析JSON,XML的前端和后端需要再次解析。
3. JSON傳輸支持更多類型,比如字符串、數(shù)組、布爾值。XML解析字符串。
網(wǎng)頁(yè)不需要用JSON編寫,因?yàn)閔tml是XML的變體。HTML和CSS、JS技術(shù)已經(jīng)非常成熟,所有主流瀏覽器都支持它。瀏覽器供應(yīng)商不太可能改變規(guī)則并開發(fā)對(duì)JSON的支持。