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

这篇文章主要给大家介绍了任意Json如何转成无序列表,文中给出了详细的示例代码,相信对大家的理解和学习具有一定的参考借鉴价值,有需要的朋友们下面跟着小编来一起学习学习吧。

前言

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

总结

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwfffj.html