jquery操作Ajax获取后台json数据的例子

最新推荐文章于 2022-07-05 21:37:32 发布

周一真好

最新推荐文章于 2022-07-05 21:37:32 发布

阅读量292

点赞数

分类专栏： jquery 文章标签： Ajax json数据处理 SpringBoot

本文链接：https://blog.csdn.net/mr123666/article/details/103292994

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

以下是SpringBoot框架下用jquery操作Ajax获取后端json数据的一个小例子，有问题欢迎指出。

后端代码:

    @RequestMapping("/query")
    public Map<String,Object> query(NDaysStatExample nDaysStatExample){
     Map<String,Object> map=new LinkedHashMap<>();
     List list=sqlShowService.selectByExample(nDaysStatExample);
     map.put("list",list);
     return map;
    }

前端html代码:

<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--先导入jquery-->
    <script src="js/jquery.js"></script>
</head>
<body>
<script>
    /*$(function(){...})函数表示页面载入完成后执行*/
    $(function(){
        /*以下括号内第一个参数是url填写后台RequestMapping中的地址用于请求该路径，第二个参数是一个函数，函数参数列表的data表示从后台获取的json数据，然后函数体是做具体的数据处理*/
        $.get("/query",function(data){
            for(var i=0;i<data.list.length;i++){
                alert(data.list[i].value)
            }
        })
    })
</script>
</body>
</html>

周一真好

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery操作Ajax获取后台json数据的例子

以下是SpringBoot框架下用jquery操作Ajax获取后端json数据的一个小例子，有问题欢迎指出。后端代码: @RequestMapping("/query") public Map<String,Object> querry(NDaysStatExample nDaysStatExample){ Map<String,Object&g...
复制链接

扫一扫

专栏目录