任意Json转成无序列表的方法示例

2019-11-19 18:35:28

字体：大中小

来源：转载

供稿：网友

前言

不知道大家有没有发现，在网上很多树状插件都是需要固定格式的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);

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

上一篇：jQuery Validate设置onkeyup验证的实例代码

下一篇：利用jQuery.Validate异步验证用户名是否存在（推荐）