SSM框架+Thymeleaf之详解前后端分离ajax使用

最新推荐文章于 2024-05-03 14:56:50 发布

不叫浮云

最新推荐文章于 2024-05-03 14:56:50 发布

阅读量1.3k

点赞数 1

文章标签： ajax java js javascript

本文链接：https://blog.csdn.net/weixin_43882435/article/details/103920645

版权

本文介绍了在SSM+Thymeleaf项目中如何使用ajax进行前后端分离操作，包括通过jquery实现get请求和将页面内容嵌入到另一个页面中。作者分享了使用ajax实现的考试系统功能，点击按钮即可动态加载不同题型的框架，并通过保存将数据存入数据库。同时，文章提及了post请求的使用以及通过Postman进行接口测试的方法。

摘要由CSDN通过智能技术生成

上一篇SSM框架+Thymeleaf之详解Mybatis实例使用的文章，其实最基本的SSM+Thymeleaf已经可以用了，一点点的加内容，网页这些，一个完整的项目就可以用了。
这篇我讲下ajax的使用，post请求这类的，还有通过ajax将另一个页面的内容加入一个页面里。
在这里插入图片描述

如果你点击getUserAndAddress弹出alert了那就jquery引入成功了，然后再写个基本的get请求把

        $(function () {
   
            $("#clickOne").click(function () {
   
                var s=$.ajax({
   
                    //给叫getUser的请求发送请求
                    url: 'getUser',
                    data: {
   
                        //带一个参数，结果会返回userId为1的用户
                        userId: 1
                    },
                    //设成同步请求，不加默认是异步，这里加这个是为了同步适用下面的那条语句，
                    //不然异步的话，$("#niHao")会用不了
                    async: false,
                    //不加也可以，默认是get
                    type: "get",
                    success:function (res) {
   
                        //这个等下再用
                        console.log(res)
                    }
                })
                //因为我们这个请求现在还是返回的页面，将页面嵌入id叫niHao的元素中
                $("#niHao").html(s.responseText)
            });
        })