SpringMVC-发送Ajax请求

最新推荐文章于 2024-05-11 23:15:03 发布

刚满20就秃顶

最新推荐文章于 2024-05-11 23:15:03 发布

阅读量246

点赞数

分类专栏： SpirngMVC

本文链接：https://blog.csdn.net/tiangoua/article/details/103748490

版权

SpirngMVC 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

SpringMVC-发送Ajax请求

创建实体类：

后台代码：

@Controller 
public class UserController {
    @RequestMapping("/testAjax")
    public @ResponseBody User testAjax(@RequestBody User user) {
     //@RequestBody : 客户端发送ajax请求，传的是json数据，后端把json字符串封装到user对象中再进行发送
        System.out.println(user);
    //设置传入的值 
        user.setUsername("JAVA");
    //@ResponseBody : 将User对象转换为Json字符串，然后return响应回去 
    //另一边的data接收
        return user;
    }
}

前端代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>$Title$</title>
    <script src="js/jquery.min.js"></script>
    <script>
        $(function(){
            // 绑定点击事件
            $("#btn").click(function(){
                $.ajax({
                    url:"testAjax",
                    contentType:"application/json;charset=UTF-8",
                    data:'{"username":"Java","password":"123","age":20}',
                    dataType:"json",
                    type:"post",
                    // 获取到User对象
                    success:function(data){
                        alert(data);
                        alert(data.username);
                    }
                });
            });
        });
    </script>
</head>
<body>
<button id="btn">发送Ajax请求</button>
</body>
</html>