当前位置: 首页 > 编程笔记 >

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

文英达
2023-03-14
本文向大家介绍任意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 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);

总结

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

 类似资料:
  • 问题内容: 我想生成我的JSON数据的树状视图。因此,最好将 JSON数据 解析为 多级(!)无序HTML列表 。我找到了一些插件,但无法让它们使用我的JSON数据。 好的解决方案是调用函数并将json数据作为参数移交。结果可能是一个多级无序列表。我假设该函数必须遍历所有JSON数据并写入 ul 和 li 标签。 有没有直接的方法可以做到这一点? tia! PS:示例树(适用于我的JSOn数据):

  • 本文向大家介绍Django model序列化为json的方法示例,包括了Django model序列化为json的方法示例的使用技巧和注意事项,需要的朋友参考一下 本文环境 Python 3.6.5 Django 2.0.4 fix(2018.5.19):最近得知Django 的model基类需要声明为abstract,故在原来的代码加入abstract声明,以免误导 在Django中,关于如何将

  • 我有一个json转储为 我编写了一个小代码来从json获取一些详细信息 这给我造成了错误: 回溯(最近一次调用):文件“python_opennms.py”,第24行,in x=get_nodes_opennms()文件“python_opennms.py”,第15行,in get_nodes_opennms for i in JSON.load(open('out.txt'))[“alarm”]

  • 本文向大家介绍JS控制网页动态生成任意行列数表格的方法,包括了JS控制网页动态生成任意行列数表格的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS控制网页动态生成任意行列数表格的方法。分享给大家供大家参考。具体分析如下: 这是一个非常简单使用的JS在线生成表格的代码效果 通过JS功能代码,直接输入行数和列数就可以自动生成你需要的表格 当然你也可以扩展JS代码实现生成文字的各种形式

  • 本文向大家介绍JavaScript将XML转成JSON的方法,包括了JavaScript将XML转成JSON的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript将XML转成JSON的方法。分享给大家供大家参考。具体方法如下: 1. JavaScript代码如下: 2. XML代码: 3. JSON结果: 关于js操作xml感兴趣的朋友还可参考在线工具: 在线XML/J

  • 问题内容: 这是我的课 最初的一个实际上需要转换为良好的json数据。这是最初的坏人 这是我的json数据,我无法反序列化。即使更改,我仍会收到默认值 我的自定义封面 问题答案: 您可以使用json.net以显示的格式对a进行反序列化和重新序列化,只要您使用custom即可。这是必需的,因为默认情况下,对象集合在JSON数组之间进行序列化,但是在JSON中,对象集合以单个对象的紧凑形式进行序列化,