abstract：這篇文章主要給大家介紹了任意Json如何轉(zhuǎn)成無序列表。前言不知道大家有沒有發(fā)現(xiàn)，在網(wǎng)上很多樹狀插件都是需要固定格式的Json，但自己在生成Json的時(shí)候沒考慮這些，所以就只能自己拼接字符串來生成無序列表.比如：{  "頂層菜單1":[  {   "domain":"頂層菜單1",  &nb

這篇文章主要給大家介紹了任意Json如何轉(zhuǎn)成無序列表。

前言

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

比如：

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

更多關(guān)于任意Json轉(zhuǎn)成無序列表的方法示例請(qǐng)關(guān)注PHP中文網(wǎng)（www.miracleart.cn）其它文章！