天天看点

ajax请求后台,返回json格式数据,模板!

添加一个用户的时候,需要找出公司下所有的部门,和相应部门下的角色,利用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"){

                    url:"<%=request.getContextPath() %>/master/sysUser_queryRole.action",

                    data:"sysGroupId="+sysGroupId,

                        var role=msg["rows"];

                        if(role.length>0){

                              var selectObj=document.getElementById("sysRole");

                                      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>

继续阅读