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>

相关文章
|
12月前
|
XML JSON API
淘宝商品详情API的调用流程(python请求示例以及json数据示例返回参考)
JSON数据示例:需要提供一个结构化的示例,展示商品详情可能包含的字段,如商品标题、价格、库存、描述、图片链接、卖家信息等。考虑到稳定性,示例应基于淘宝开放平台的标准响应格式。
|
9月前
|
JSON 前端开发 应用服务中间件
配置Nginx根据IP地址进行流量限制以及返回JSON格式数据的方案
最后,记得在任何生产环境部署之前,进行透彻测试以确保一切运转如预期。遵循这些战术,守卫你的网络城堡不再是难题。
354 3
|
JSON 人工智能 算法
探索大型语言模型LLM推理全阶段的JSON格式输出限制方法
本篇文章详细讨论了如何确保大型语言模型(LLMs)输出结构化的JSON格式,这对于提高数据处理的自动化程度和系统的互操作性至关重要。
2045 48
|
JSON 前端开发 搜索推荐
关于商品详情 API 接口 JSON 格式返回数据解析的示例
本文介绍商品详情API接口返回的JSON数据解析。最外层为`product`对象,包含商品基本信息(如id、name、price)、分类信息(category)、图片(images)、属性(attributes)、用户评价(reviews)、库存(stock)和卖家信息(seller)。每个字段详细描述了商品的不同方面,帮助开发者准确提取和展示数据。具体结构和字段含义需结合实际业务需求和API文档理解。
|
XML 数据采集 JSON
scrapy_selenium爬取Ajax、JSON、XML网页:豆瓣电影
在网络爬虫的开发过程中,我们经常会遇到一些动态加载的网页,它们的数据不是直接嵌入在HTML中,而是通过Ajax、JSON、XML等方式异步获取的。这些网页对于传统的scrapy爬虫来说,是很难直接解析的。那么,我们该如何使用scrapy_selenium来爬取这些数据格式的网页呢?本文将为你介绍scrapy_selenium的基本原理和使用方法,并给出一个实际的案例。
301 0
|
XML JSON 前端开发
ajax请求json和xml数据及对json和xml格式数据的解析
ajax请求json和xml数据及对json和xml格式数据的解析
306 0
|
XML 存储 JSON
AJAX + JSON + XML(二)
AJAX + JSON + XML相关介绍
226 0
AJAX + JSON + XML(二)
|
XML 存储 JSON
AJAX + JSON + XML(一)
AJAX + JSON + XML相关介绍
371 0
AJAX + JSON + XML(一)
|
XML JSON 前端开发
AJAX&JSON&XML
AJAX&JSON&XML
165 0