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

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

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

前言

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

比如：

{
 "頂層菜單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é)

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

相關(guān)文章

  • ASP Json Parser修正版

    ASP Json Parser修正版

    之前因為要用json，在網(wǎng)上，json Generator就不少，但是，parser鮮有后來，在一個老外的啟發(fā)下，寫了一個praser，其實超簡單，就是利用了JS的eval來parse，然后，把對象再返回給vbscript代碼。
    2009-12-12
  • 利用NodeJS的子進程(child_process)調(diào)用系統(tǒng)命令的方法分享

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

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

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

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

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

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

    json實現(xiàn)前后臺的相互傳值詳解

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

    JSON取值前判斷

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

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

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

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

    工作中做了幾款自動化測試工具都是跟日志讀取相關(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)頁從別的網(wǎng)域要資料。另一個解決這個問題的新方法是跨來源資源共享
    2012-08-08

最新評論