ajax 二级联动

后台（JPA）：

	@RequestMapping(value = "/admin/role_getBranch.do")
	@ResponseBody
	public ResponseObject role_getBranch(HttpServletRequest req,
			HttpServletResponse res, Map<String, Object> model, String id) {
		System.out.println(id);
		List<Bureau> bureaus = organizationService.getAllBureau();
		model.put("bureaus", bureaus);
		ResponseObject ro=new ResponseObject();
		ro.setMessage("返回成功");
		ro.setModel(model);
		return ro;	
	}

页面(jguery+freemark)：

	<table>
		<tr>
			<td> 选择部门:</td>
			<td><select name="organi" onChange="loadPosition();" id="dep">
				<option value="">请选择</option>
				[#if bureaus??] [#list bureaus as bur]
				<option value="${bur.id}">
					${bur.name}
				</option>
				[/#list] [/#if]
			</select>
			</td>
		</tr>
		<tr><td> 选择员工:</td>
			<td><select name="staffno" id="sno" onChange="loadAu();" id="sno">
				<option value="">请选择</option>
			</select>
			</td>
		</tr>
	</table>

<script type="text/javascript">
	function loadPosition(){
		var did = $('#dep').val();
		alert(did);
		var date = new Date();
			if(isNaN(did)){
			var url="../admin/role_getBranch.do?date="+date;
			postData(url,{'id':did},"",function(res){
				var model = res.model.bureaus;
				var str = '<option value="">请选择</option>';
				for(var i=0;i<model.length;i++){
				//alert(model[i].name);
					str = str+'<option value='+model[i].id+'>'+model[i].name+'</option>';
				}
				$('#sno').html(str);
			});
		}
	}
</script>

site.js

/*
 * 功能提交数据，并返回数据
 * 参数：
 * 		posturl 地址
 * 		queryString 参数
 * 		confirmMsg 确认消息，null 或 空不提示
 * 		successfunc 成功后处理回调函数
 */
function postData(posturl,queryString,confirmMsg,successfunc) {
	
	//var queryString = $("#"+formname).serialize();
	//确认消息
	if (confirmMsg!=null && confirmMsg!="")
	{
		var isdel=window.confirm(confirmMsg);
		if (isdel!=true)
		{
			return;
		}
	}
	
	$.ajax( { //调用jquery的ajax方法    
		type : "POST", //设置ajax方法提交数据的形式    
		url : posturl, //把数据提交到ok.php
		dataType : "json",
		data : queryString, //输入框writer中的值作为提交的数据    
		success : function(msg) { //提交成功后的回调，msg变量是ok.php输出的内容。    
			if (msg.status=="success"){
				if (successfunc==null)
				{
					alert("操作成功!\r\n"+msg.message);
				}else
				{
					successfunc(msg);
				}
			}
			else
			{
				alert("状态:"+msg.status+"!\r\n"+msg.message);
			}
		},
		error : function(msg) {
			alert("提交数据出错!");
		}
	});	
}