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>