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.979249.com-二十六天好彩| www.41311.com-綵与彩-| www.ic88.cc-我被彩票害死了| www.964631.com-奥克竞彩比分直播| www.qc8.com-延边体彩中心| www.292783.com-易彩快三计划计划网| www.383156.com-16号彩票开奖结果| www.504124.com-体彩限号-| www.139646.com-趣彩彩票app| www.247151.com-北京福彩快三图| www.338937.com-数字彩购彩下载| www.045125.com-福彩快三输钱的原因| www.166010.com-68彩票快3-| www.277788.com-彩票933-| www.510758.com-彩虹屁夸女朋友| www.6740.vip-必中彩票邀请码| www.603707.com-梦见去彩票店打彩票| www.715342.com-国家允许的彩票地方| www.821717.com-彩票异地领奖时间| www.891982.com-1分时时彩-| www.958407.com-彩九的软件下载| 500彩票网www.301667.com| www.7946.vip-彩墨笔-| www.290901.com-福彩3d五行定位| www.14053.com-霸主彩票网站| www.64891.com-第一红彩店合不合法| www.033949.com-怎么破解高频彩规律| www.728355.com-网易彩-| www.659287.com-七乐彩2拖8多钱| www.776103.com-假彩票机器-| www.886998.com-相亲网上彩票托| www.tb65.com-福利彩票彩种有哪些| www.67ua.com-利来彩票app| www.nt31.com-中了彩票去哪里兑奖| www.50cx.com-体彩6十丨-| www.195275.com-重庆时彩官网开奖| www.770621.com-临沂七彩桥商务酒店| www.463314.com-长沙开个福利彩票店| www.yn18.com-买彩票被骗-| www.35um.com-彩票查询七星彩图规| www.0768.tv-双色球测彩高手预测| www.69209.com-众博彩票怎么进不了| www.067337.com-时时彩谁有网址| www.132981.com-60彩票app-| www.214900.com-谁知道新快三的网址| www.288742.com-体彩术语有哪些| www.19792.cc-天天彩票分分彩| www.5ai.com-体彩排3开奖号码| www.273884.com-快三开湖北奖结果| www.373859.com-网易彩票支付不了| www.04fs.com-河北体彩快三试机号| www.031879.com-p62彩票开奖结果| www.216881.com-什么软件能玩快三| www.345806.com-高频福利彩开奖结果| www.16022.com-福彩双色球时间表| www.713234.com-快三每天提现| www.734062.com-众赢彩票网网址| www.sb61.com-怎么购买彩票| www.950573.com-中中彩网-| www.cp7110.com-5亿彩-| www.132705.com-彩票网站有哪些| www.086177.com-竞猜足彩规则| www.208692.com-足彩310什么意思| www.614803.com-时时彩排行榜| www.676129.com-五分赛车彩票| www.695.me-美人鱼彩票怎么回事| www.318055.com-买生肖彩票开奖结果| www.606182.com-吉林块3彩票| www.841609.com-彩票内部人员骗局| www.212854.com-16年私彩平台| www.186815.com-彩票五分快三| www.365378.com-彩库宝典四不相图| www.475646.com-时时彩任选4技巧| www.610506.com-北京福彩多投连期| www.717378.com-彩铅素描画大全入门| www.305888.com-官方二分快三彩票| www.379656.com-老幻想中彩票| www.860557.com-外围彩票网站大全| www.176516.com-分分快三技巧规律| www.596165.com-3d彩票报纸-| www.642452.com-七乐彩开奖号码今天| www.025051.com-福彩百度鼎盛彩票网| www.379728.com-重庆时时彩操盘手| www.5550.xyz-39彩票网网址| www.42821.com-双彩网首页下载| www.470567.com-足彩合法么-| www.619057.com-彩妆店装修图片欣赏| www.683253.com-开心彩红app下载| www.185966.com-168彩票网官方版| www.263193.com-什么网站可以买体彩| www.628228.com-大赢家彩票是干嘛的| www.273641.com-福建福彩走势图今天| www.188729.com-快三骗局-| www.322925.com-大乐透旺彩社区| www.437714.com-江苏省爱彩乐十一选| www.102929.com-大奖彩票平台| www.975045.com-如何下载彩票走势图| www.ag00.com-胜负彩19050| www.511549.com-今晚体彩乐透不开奖| www.667478.com-统一彩票靠谱吗| www.998878.cc-美国纽约快三查询| www.63oq.com-彩票平台搭建教学| 500彩票www.330265.com| www.201576.com-河北快三儿-| www.616.name-传奇彩票登录| www.34sb.com-彩票缴款通手机版| www.232630.com-福利彩票怎么玩| www.vk10.com-彩票开奖号码大全| www.010.live-多宝彩票合法的吗| www.sn88.com-时彩下载-| www.610576.com-体育彩票复式价格| www.083323.com-快乐中彩票下载安装| www.469415.com-竟彩票极速赛车| www.500505.cc-英国皇家5分彩开奖| www.3le.com-羸彩天下与你同行| www.650212.com-博彩四个字的词语| www.738829.com-代买彩票但号码没打| www.809599.com-哪里有手机购彩| www.877090.com-彩票顶呱刮中奖技巧| www.950015.com-乐彩论坛免费下载| 福彩网www.055p.cc| www.344322.com-快钱彩票维护| www.953397.com-好彩双爆珠香烟味道| 凤凰彩票www.77802q.com| www.758079.com-中彩网61233t| www.74847.com-时时彩实体店哪里有| www.022281.com-中国福利彩票恒大网| www.0413.site-好运时时彩计划软件| www.301422.com-福彩3d开奖号返率| www.397437.com-体育彩票足彩预测| www.511169.com-五洲彩票qq群号码| www.589005.com-5分快三开奖时间| www.707823.com-竞彩足彩胜平负购买| www.791438.com-118彩票平台| www.866386.com-手机可以投注的彩票| www.458843.com-张掖彩票解太湖| www.685505.com-福彩3d进位和差表| www.139767.com-爱上彩票app| www.69486.com-98彩票网1站| www.365715.cc-彩神幸运飞艇下载| www.525905.com-qq快三群甘肃| www.751535.com-8k彩票破解器| www.819805.com-代理彩票站多少钱| www.875217.com-世界博彩公司网站| www.975617.com-老版够力七星彩奖表| www.cp430.cc-快三输了回血找我| www.428585.com-500彩票软件下载| www.324474.com-体彩排列五论坛| www.075323.com-鸿运彩票靠谱吗| www.621562.com-彩皇网址-| www.698774.com-头彩网-| www.kw08.com-网易新快三在哪里买| www.x30.top-手机时时彩票模拟器| www.72dx.com-百姓彩票七星彩论坛| www.871467.com-体彩p3藏机图| 聚福彩票www.50989f.com| www.3218.win-彩客网彩票app| www.05093.com-出款快的彩票app| www.50094.cc-佰万彩票下载安装| www.113.cm-彩票主题百家号| www.181118.cc-中彩网可以买彩票吗| www.300713.com-谦喜彩票-| www.379062.com-国家足彩培训师| www.791847.com-体彩大乐透机选软件|