zTree实现打开页面时异步加载数据及选中项ID提交到后台

html：

<div style="margin-left: 5%">
		<article class="page-container">
			<div class="row cl">
				<label class="form-label col-xs-3 col-sm-3"><span
					class="c-red">*</span>角色名称：</label>
				<div class="formControls col-xs-6 col-sm-6">
					<input type="hidden" name="roleId" value="${role.id }" id="roleId"/> <input
						type="text" class="input-text" value="${role.roleName }"
						placeholder="" id="roleName" name="roleName" datatype="*4-16"
						nullmsg="用户账户不能为空">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-3 col-sm-3">权限列表：</label>
				<div class="formControls col-xs-6 col-sm-6">
					<!-- 权限代码 zTree-->
					<div class="content_wrap">
						<div class="zTreeDemoBackground left">
							<ul id="treeDemo" class="ztree"></ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row cl">
				<div class="col-xs-3 col-sm-3 col-xs-offset-3 col-sm-offset-3">
					<button type="button" class="btn btn-success radius sbm">
						<i class="icon-ok"></i> 确定
					</button>
					<button type="button" class="btn btn-success radius reset">
						<i class="icon-ok"></i> 取消
					</button>
				</div>
			</div>
		</article>
	</div>

js：

$(document).ready(function() {
		onLoadZTree();
	});
	var setting = {
		check : {
			enable : true
		},
		data : {
			simpleData : {
				enable : true,
				idKey : "id",
				pIdKey : "pId",
				rootPId : 0
			}
		}
	};
	var treeNodes;
	/**
	 * 加载树形结构数据
	 */
	function onLoadZTree() {
		var roleId=$('#roleId').val();
		$.ajax({
			async : false,//是否异步
			cache : false,//是否使用缓存
			type : 'POST',//请求方式：post
			dataType : 'json',//数据传输格式：json
			url : "menu/updat.do?id="+roleId,
			error : function() {
				//请求失败处理函数
				alert('亲，请求失败！');
			},
			success : function(data) {
				treeNodes = data;//把后台封装好的简单Json格式赋给treeNodes
			}
		});
		var t = $("#treeDemo");
		t = $.fn.zTree.init(t, setting, treeNodes);
	};
	function onCheck() {
		var treeObj = $.fn.zTree.getZTreeObj("treeDemo"), nodes = treeObj
				.getCheckedNodes(true), v = "";
		for (var i = 0; i < nodes.length; i++) {
			v += nodes[i].id + ",";
			//alert(nodes[i].name); //获取选中节点的名称
		}
		return v;
	}
	$(".sbm").click(
			function() {
				var id = onCheck();
				var roleId = $("input[name='roleId']").val();
				$.get("menu/doUpdate.do?menuIds=" + id+"&roleId="+roleId, function(data) {
					var index = parent.layer.getFrameIndex(window.name);
					//window.parent.location.reload();
					parent.layer.close(index);
					
				})
			});