欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

任意Json轉(zhuǎn)成無(wú)序列表的方法示例

 更新時(shí)間:2016年12月09日 11:16:01   作者:薛彬  
這篇文章主要給大家介紹了任意Json如何轉(zhuǎn)成無(wú)序列表,文中給出了詳細(xì)的示例代碼,相信對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值,有需要的朋友們下面跟著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

前言

不知道大家有沒(méi)有發(fā)現(xiàn),在網(wǎng)上很多樹(shù)狀插件都是需要固定格式的Json,但自己在生成Json的時(shí)候沒(méi)考慮這些,所以就只能自己拼接字符串來(lái)生成無(wú)序列表.

比如:

{
 "頂層菜單1":[
 {
  "domain":"頂層菜單1",
  "runType":"background",
  "moduleName":"子菜單",
  "memo":"描述",
  "srcFile":"",
  "depends":[]
 }
 ],
 "頂層菜單2":[
 {
  "domain":"頂層菜單2",
  "runType":"background",
  "moduleName":"子菜單1",
  "memo":"描述",
  "srcFile":"",
  "depends":[]
 },
 {
  "domain":"頂層菜單2",
  "runType":"background",
  "moduleName":"子菜單2",
  "memo":"描述",
  "srcFile":"",
  "depends":[]
 }
 ],
 "頂層菜單3":[]
}

直接貼代碼吧…

dataObject = JSON.parse(data);
var html = '<ul>';
var domainName;
var moduleName;
for ( var n in dataObject) {
  html += '<li>' + n + '<ul class="listItem">';
  for (var i = 0; i < dataObject[n].length; i++) {
    domainName=dataObject[n][i].domain;
    moduleName=dataObject[n][i].moduleName;
    html += '<a href="#">' + '<li>'+ moduleName + '</li>'+ '</a>';
  }
  html += '</ul></li>';
}
html += '</ul>';
$('#sidebar').append(html);

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問(wèn)大家可以留言交流。

相關(guān)文章

  • ASP Json Parser修正版

    ASP Json Parser修正版

    之前因?yàn)橐胘son,在網(wǎng)上,json Generator就不少,但是,parser鮮有后來(lái),在一個(gè)老外的啟發(fā)下,寫(xiě)了一個(gè)praser,其實(shí)超簡(jiǎn)單,就是利用了JS的eval來(lái)parse,然后,把對(duì)象再返回給vbscript代碼。
    2009-12-12
  • 利用NodeJS的子進(jìn)程(child_process)調(diào)用系統(tǒng)命令的方法分享

    利用NodeJS的子進(jìn)程(child_process)調(diào)用系統(tǒng)命令的方法分享

    child_process即子進(jìn)程可以創(chuàng)建一個(gè)系統(tǒng)子進(jìn)程并執(zhí)行shell命令,在與系統(tǒng)層面的交互上挺有用處
    2013-06-06
  • 深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理

    深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理

    這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理,從同源政策中Ajax限制,到跨域問(wèn)題以及跨域問(wèn)題的解決方法幫大家更加深入的去了解其中原理
    2021-08-08
  • JS中JSON.parse(JSON.stringify())實(shí)現(xiàn)深拷貝

    JS中JSON.parse(JSON.stringify())實(shí)現(xiàn)深拷貝

    深拷貝就是完全拷貝一份新的對(duì)象,本文主要介紹了JS中JSON.parse(JSON.stringify())實(shí)現(xiàn)深拷貝,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-08-08
  • json實(shí)現(xiàn)前后臺(tái)的相互傳值詳解

    json實(shí)現(xiàn)前后臺(tái)的相互傳值詳解

    這篇文章主要介紹了json實(shí)現(xiàn)前后臺(tái)的相互傳值詳解,需要的朋友可以參考下
    2015-01-01
  • JSON取值前判斷

    JSON取值前判斷

    這篇文章主要介紹了JSON取值前判斷,需要的朋友可以參考下
    2014-12-12
  • 實(shí)現(xiàn)單層json按照key字母順序排序的示例

    實(shí)現(xiàn)單層json按照key字母順序排序的示例

    下面小編就為大家分享一篇實(shí)現(xiàn)單層json按照key字母順序排序的示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2017-12-12
  • JS操作JSON常用方法(10w閱讀)

    JS操作JSON常用方法(10w閱讀)

    工作中做了幾款自動(dòng)化測(cè)試工具都是跟日志讀取相關(guān),日志格式又大多數(shù)都是JSON,所以這里把常用的JS操作JSON的方法做了總結(jié),需要的朋友可以參考下
    2020-12-12
  • 看了就知道什么是JSON

    看了就知道什么是JSON

    看了就知道什么是JSON...
    2007-12-12
  • JSONP 跨域共享信息

    JSONP 跨域共享信息

    JSONP(JSON with Padding)是資料格式 JSON 的一種“使用模式”,可以讓網(wǎng)頁(yè)從別的網(wǎng)域要資料。另一個(gè)解決這個(gè)問(wèn)題的新方法是跨來(lái)源資源共享
    2012-08-08

最新評(píng)論