脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → json → 任意Json转无序列表

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

 更新时间：2016年12月09日 11:16:01   作者：薛彬  
这篇文章主要给大家介绍了任意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：3分钟课程

    理解JSON：3分钟课程

    如果你跟我一样(我担心你就是)，那么，到目前为止，这应该是你对JSON的经验
    2011-10-10
  • 简明json介绍

    简明json介绍

    不要认为JSON是种新的应用 ，其实JSON就是javascript支持的一种对象直接量。
    2008-09-09
  • IE8 原生JSON支持

    IE8 原生JSON支持

    你可能已经从这篇文章的标题中猜到了，Internet Explorer 8（目前是Beta2）提供了原生JSON的解析和序列化。
    2009-04-04
  • javascript JSON操作入门实例

    javascript JSON操作入门实例

    JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
    2010-04-04
  • 详解Java中String JSONObject JSONArray List<实体类>转换

    详解Java中String JSONObject JSONArray List<实体类>转换

    这篇文章主要介绍了详解String JSONObject JSONArray List<实体类>转换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JSON 数据格式详解

    JSON 数据格式详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成
    2017-09-09
  • JSON 客户端和服务器端的格式转换

    JSON 客户端和服务器端的格式转换

    JSON是JavaScript Object Notation的缩写。JSON是个轻量级的用于服务器端和客户端交换数据的数据格式。它经常会用在ajax应用上,是因为它是基于ajax对象的格式定义出来的。
    2009-08-08
  • js+json用表格实现简单网站左侧导航

    js+json用表格实现简单网站左侧导航

    闲暇之余，制作一用表格实现的简单的网站导航条，分享给大家。这里的数据基于json格式，学习json的朋友可以参考下。
    2010-04-04
  • 10分钟学会js处理json的常用方法

    10分钟学会js处理json的常用方法

    这篇文章主要介绍了10分钟学会js处理json的常用方法,需要的朋友可以参考下
    2020-12-12
  • JSON.parse()方法转换对象的示例以及注意事项

    JSON.parse()方法转换对象的示例以及注意事项

    这篇文章主要介绍了JSON.parse()方法转换对象的示例以及注意事项,我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象,需要的朋友可以参考下
    2023-05-05

最新评论