ajax请求后台,返回json格式数据,模板!-阿里云开发者社区

开发者社区> 无信不立> 正文

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

简介: 添加一个用户的时候,需要找出公司下所有的部门,和相应部门下的角色,利用ajax请求,实现联动技术。将返回的json格式数据,添加到select标签下。           //加载出部门的信息            function loadGroup(){                            $.
+关注继续查看

添加一个用户的时候,需要找出公司下所有的部门,和相应部门下的角色,利用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-17:使用fetch函数发送ajax请求
Ajax-17:使用fetch函数发送ajax请求
17 0
利用MaxCompute内建函数及UDTF转换json格式日志数据
本文介绍了如何使用MaxCompute UDF对JSON格式的日志进行信息提取和转换。
8177 0
asp.net 服务器控件LinkButton等在后台代码中设置js事件或添加css样式
这个如果想在后台cs代码中控制不显示下划线,如下写法即可: this.Lk_AreaType.
770 0
+关注
无信不立
人无信不立,业不勤不精
595
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载