QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery动态获取json树形菜单

jQuery动态获取json树形菜单

jQuery通过ajax调用方法异步获取json数据内容,可自定义编辑添加多级树形菜单内容代码。
分享到微信朋友圈
X

使用方法:


由于树形菜单数据量比较大的时候,我们通过预加载数据的方式生成菜单可能对前后端交互延迟较长。所以研究了下可以预加载也可以异步加载数据的树形菜单插件。

1、这里介绍几种调用方法:

//预加载数据格式
var arr = [{
		id: 1,
		name: "一级",
		open: true,
		child: [
			{
				id: 5,
				name: "二级",
				type:'leaf'
			},
			{
				id: 6,
				name: "二级",
				child: [
				{
					id: 7,
					name: "三级",
					type:'leaf'
				},
				{
					id: 9,
					name: "三级",
					child: [
					{
						id: 10,
						name: "四级",
						child: [
						{
							id: 11,
							name: "五级",
							type:'leaf'
						},
						{
							id: 12,
							name: "五级",
							type:'leaf'
						}
					]}
				]}
			]}]
	}, {
		id: 2,
		name: "一级",
		child: [
			{
				id: 3,
				name: "二级",
				pid: 2,
				type:'leaf'
			},
			{
				id: 3,
				name: "二级",
				pid: 2,
				type:'leaf'
			},{
				id: 4,
				name: "二级",
				pid: 2,
				type:'leaf'
			}
		]
	},{
		id: 8,
		name: "一级",
		pid: 0,
		type:'leaf'
	}
];

//无限级菜单生成
$("#toUl").LuTree({
	arr: arr,
	sign:true,
	simIcon: "fa fa-file-o",//叶子图标
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});

//无限级请求节点下的菜单
$("#ajaxUl").LuAjaxTree({
	url:'./data.json',
	simIcon: "fa fa-file-o",//叶子图标
	Demo:true,//模式,是否在服务器环境,true是演示模式,不需要后台,false是需要后台配合的使用模式
	Method: "POST",//请求方法
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});

//可操作异步加载数据生成无限级树形菜单
$("#updateUl").LuUpdateTree({
	url:'./data.json',
	simIcon: "fa fa-file-o",//叶子图标
	Demo:true,//模式,是否在服务器环境,true是演示模式,不需要后台,false是需要后台配合的使用模式
	Method: "POST",//请求方法
	mouIconOpen: " fa fa-folder-open",//展开图标
	mouIconClose:"fa fa-folder",//关闭图标
	callback: function(id) {
		console.log("你选择的id是" + id);
	}
});


[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
澳门足彩 www.028144.com-彩36-| www.405831.com-海南七星彩长条图| www.530390.com-超极彩票助手| www.616149.com-体彩扑克3规则| www.688465.com-苏会文彩票专栏| www.768813.com-奥陶彩票app下载| www.952334.com-k彩平台登-| 中华彩票www.9149i.com| www.58756.cc-体彩助手下载软件| www.61733.cc-七星彩杀头十专家| www.327146.com-彩票中奖号是多少| www.3313.net-彩票爱乐透-| www.22044.com-烟台福彩管理中心| www.021199.com-福彩3d老谢预测| www.226285.com-快三裙稳睁| www.299633.com-大发快三回血14万| www.288255.com-江苏快三爱彩乐推荐| www.133.cn-彩虹的约定吉他谱| www.6893.org-体7星彩开奖结果| www.260013.com-宁夏快三怎么查| www.906392.com-赌快3黑彩受害的人| www.989018.com-中福彩票大全| www.gn28.com-河南彩礼标准引热议| www.718523.com-彩虹含义-| www.811318.com-哪些彩票中奖率高| www.891801.com-彩票全天免费计划| www.963460.com-500彩票下载软件| 500彩票www.507477.com| www.821282.com-7星彩票走势图大全| www.927760.com-网赌极速快三| 天朝彩票www.15855.cc| www.087351.com-680彩票-| www.254761.com-分分时时彩平台| www.os09.com-360彩票下载| www.974503.com-体彩大乐透预测号| www.by16.com-江南彩姐专栏| www.418989.com-上海竞彩店招人| www.79433.com-彩友网上购买彩票网| www.062691.com-排列五星彩开奖结果| www.998244.com-体彩试刮-| www.hl24.com-新浪彩票竞技风暴| www.r33.org-易发彩合法吗| www.44ay.com-m5彩票注册官方网| www.897.cc-新生彩票平台登录| www.7435.cc-顶级彩票安全吗| www.358467.com-华彩真品牌网站| www.388359.com-宁夏体彩网点查询| www.252054.com-福彩3d中彩网| 16彩票www.331616.com| www.885254.com-七星彩今睌开奖结果| www.970920.com-鲨鱼影视迷彩兔| 今日彩票www.805462.com| www.6094.vip-中学生买彩票| www.17322.com-关注中国福利彩票| www.72538.com-精彩大片免费版| www.219648.com-我想买彩票中大奖| www.447708.com-体彩排列3预测专家| www.373345.com-新版凤凰彩票| www.k27.top-彩搜网牛材网| www.078051.com-众盈彩票真能挣钱吗| www.345149.com-彩神通两码推荐| www.913819.com-中国彩平台-| www.bq36.com-彩票816平台| www.jg34.com-大发快三的技巧规律| www.75cc.com-时时彩倍数是多少| www.743234.com-俄罗斯限量彩蛋| www.289336.com-福利彩票对奖时间| www.hm91.com-北京福彩快三走势坉| www.25ph.com-大发快三全能必中法| www.2489.pw-福彩五码组六遗漏| www.078017.com-乐彩网首页彩票| www.144348.com-足彩猜胜负中奖规则| www.20834.cc-腾讯分分彩出现漏洞| www.96157.cc-中国福彩发行的宗旨| www.pe45.com-河北福利彩票排列7| www.72282.cc-w600彩票-| www.a30.biz-广西快三开奖一定牛| www.0312.cn-哪一类彩票销量最好| www.777047.com-ag彩数据骗人吗| 众彩www.375990.com| www.9476.vip-免费彩票统计软件| www.440404.com-5o0彩票网站| www.78815.cc-合肥竞彩店行业赚钱| www.890911.com-关于彩票中奖的句子| www.963594.com-做彩票代理怎么赚钱| 彩69www.090392.com| www.845664.com-泰国路边卖的彩票| www.948578.com-一买彩票就中奖| www.182.in-幼儿彩铅画简单| www.18798.cc-胜利彩票平台| www.87916.com-幸运彩票腾讯三分彩| www.260032.com-买体育彩票算赌博吗| www.352085.com-快三买一注多少钱| www.426969.com-足彩博单-| www.515367.com-如何网上购买七星彩| www.949697.com-e时彩彩票-| www.802178.com-迷彩天地-| www.900860.com-e赢彩app-| www.985224.com-快乐彩破解-| www.sr67.com-快三公式算法| www.996604.cc-龙江福利彩票开奖号| www.ho03.com-彩票赚钱平台| www.ym32.com-生肖彩票-| www.824232.com-三彩实体店地址| www.936708.com-彩票售卖机合法吗| 福彩www.26878p.com| www.72su.com-19年彩票网购| www.st23.com-7星彩规则-| www.43ms.com-特彩吧49gcc| www.961274.com-广州鸣彩艺术正规吗| www.6jg.com-彩票3年了不中| www.0024.com-什么彩票是6个数字| www.cai7511.com经典快三开奖| www.173895.com-彩票争霸ⅱ-| www.575889.com-6288彩票软件| www.664983.com-福彩35开j-| www.739436.com-鼎天极速三分彩| www.819426.com-千里马阳光彩票登录| www.92799.com-易悠710彩票| www.024696.com-竞彩什么叫双平| www.9647.biz-赢彩票app客服| www.318051.com-海南私彩网站| www.416813.com-扬州彩虹冰淇淋机| www.525574.com-彩票中多少需要纳税| www.596726.com-体彩排排列三中奖号| www.661240.com-皇家彩世界软件下载| www.725275.com-彩快上娱乐网址| www.788806.cc-足彩投注量分析| www.845663.com-模拟彩票摇奖机| www.896283.com-下载瑞彩网-| www.954965.com-彩票站网上接单| QQ彩票www.89894z.com| www.ey75.com-瑞彩祥云可以开挂| www.6793.biz-福彩好还是体彩| www.077877.com-七星彩最新奖表| www.930382.com-彩票最新开奖消息| 9号彩票www.80767u.com| www.sc41.com-重庆时时彩记录查询| www.671451.com-福彩试机号彩宝网| www.794567.com-体彩早上几点开售| www.888487.com-彩票137-| www.xv87.com-彩6com彩票-| www.18tj.com-北京快三是哪里开奖| www.0979.vip-铜雀台彩票官网| www.383545.com-keystr彩票-| www.619391.com-彩票洗了还能兑奖吗| www.790703.com-七星彩电脑选号工具| www.921866.com-青海省快三图| www.cai7944.com河北快三智能推荐号| www.779101.com-香港彩基本走势图| www.878258.com-采摘牛彩网-| www.954027.com-彩28彩票官网| 博乐彩票www.567106.com| www.jz94.com-新2彩彩票下载安装| www.27vy.com-平安彩票官网| www.137.website彩虹屁怎么用| 凤凰彩票www.77803p.com| www.887997.cc-那个彩票网站最安全| www.ly59.com-好彩网妹子骗局| www.19qq.cc-体育彩票大彩网| www.1729.com-鸿彩主播梦的直播间| www.311792.com-红旗彩票怎么投| www.875042.com-众博彩票平台| www.244288.com-彩经网下载-|