标签：style java color strong os 数据
添加一个用户的时候，需要找出公司下所有的部门，和相应部门下的角色，利用ajax请求，实现联动技术。将返回的json格式数据，添加到select标签下。
<script type="text/javascript">
//加载出部门的信息
function loadGroup(){
$.ajax({
type:"post",
url:"<%=request.getContextPath() %>/master/sysUser_findGroup.action",
async:false,
dataType:"json",
success:function(msg){
var group=msg["rows"];
if(group.length>0){
//获取select标签对象
var selectObj=document.getElementById("sysGroup");
//将返回的部门信息的json数据对象便利，添加到select标签下
for(var i=0;i<group.length;i++){
selectObj.add(new Option(group[i].sysGroupName,group[i].sysGroupId));
}
}
}
});
}
//如果部门信息变动，加载相应部门下的角色信息
function loadRole(){
//获取部门id
var sysGroupId=document.getElementById("sysGroup").value;
//当部门信息有变化，则将原先的部门的角色清空
var sysRole=document.getElementById("sysRole");
sysRole.length=1;
//当部门信息不是‘请选择’才发送ajax请求
if(sysGroupId!="0"){
$.ajax({
type:"post",
url:"<%=request.getContextPath() %>/master/sysUser_queryRole.action",
data:"sysGroupId="+sysGroupId,
async:false,
dataType:"json",
success:function(msg){
var role=msg["rows"];
if(role.length>0){
//获取select标签对象
var selectObj=document.getElementById("sysRole");
//将返回的部门信息的json数据对象便利，添加到select标签下
for(var i=0;i<role.length;i++){
selectObj.add(new Option(role[i].sysRoleName,role[i].sysRoleId));
}
}
}
});
}
loadSelectStyle();
}
//页面加载完成时，加载此方法，发送ajax请求找到部门信息
$(document).ready(function(){
loadGroup();
});
</script>
ajax请求后台，返回json格式数据，模板！,布布扣,bubuko.com
标签：style java color strong os 数据
原文地址：http://www.cnblogs.com/shangxiaofei/p/3811679.html
