zoukankan      html  css  js  c++  java
  • 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"){
                    $.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>

  • 相关阅读:
    CS Academy Round #65 Count Arrays (DP)
    Codeforces Gym 101194C Mr. Panda and Strips(2016 EC-Final,区间DP预处理 + 枚举剪枝)
    Codeforces 915F Imbalance Value of a Tree(并查集)
    HDU 4866 Shooting (主席树)
    玲珑杯 Round #5 Problem E Tetration (枚举 + 欧拉公式)
    Codeforces 906D Power Tower(欧拉函数 + 欧拉公式)
    第十三届北航程序设计竞赛决赛网络同步赛 B题 校赛签到(建树 + 打标记)
    TopCoder SRM 722 Div1 Problem 600 DominoTiling(简单插头DP)
    Codeforces 901C Bipartite Segments(Tarjan + 二分)
    supervisor安装与使用
  • 原文地址:https://www.cnblogs.com/shangxiaofei/p/3811679.html
Copyright © 2011-2022 走看看