json数据建立ztree并实现节点增删改

最新推荐文章于 2022-07-21 14:54:02 发布

Vigee

最新推荐文章于 2022-07-21 14:54:02 发布

阅读量1.3k

点赞数 2

分类专栏： JavaScript 文章标签： json javascript 遍历 ztree

本文链接：https://blog.csdn.net/wenmiao27/article/details/39640719

版权

这是一篇关于JavaScript小练习的博客，主要介绍了如何利用JSON数据创建和操作ZTree。JSON作为一种轻量级的数据交换格式，易于读写且解析速度快，是构建ZTree的理想选择。文中将探讨JSON的基本用法以及在ZTree中的应用，包括节点的添加、删除和修改等操作。

摘要由CSDN通过智能技术生成

做的js小练习，初次接触JSON，JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation），类似于XML，但比 XML 更小、更快，更易解析。JSON使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

1、数据在名称/值对中
2、数据由逗号分隔
3、花括号保存对象
4、方括号保存数组

效果图：

创建数据：

	var aMenu = [{
		"name": "一级菜单",
		"submenu": [{
			"name": "二级菜单"
		},
		{
			"name": "二级菜单",
			"submenu": [{
				"name": "三级菜单",
				},
			{
				"name": "三级菜单"
			}]
		},
		{
			"name": "二级菜单"
		}]
	},
	{
		"name": "一级菜单",
		"submenu": [{
			"name": "二级菜单",
			"url": "http://www.ifrans.cn"
		},
		{
			"name": "二级菜单",
			"submenu": [{
				"name": "三级菜单",
				"submenu": [{
					"name": "四级菜单",
					"url": "http://www.ifrans.cn"
				},
				{
					"name": "四级菜单",
					"submenu": [{
						"name": "五级菜单",
						"url": "http://www.ifrans.cn"
					},
					{
						"name": "五级菜单",
						"url": "http://www.ifrans.cn"
					}]
				}]
			},
			{
				"name": "三级菜单",
				"url": "http://www.ifrans.cn"
			}]
		},
		{
			"name": "二级菜单",
			"url": "http://www.ifrans.cn"
		},
		{
			"name": "二级菜单",
			"submenu": [{
				"nam