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>

个人思路分析:

个人思路不知道是否正确,后面变学习,边排错
在这里插入图片描述

在这里插入图片描述

发布了24 篇原创文章 · 获赞 2 · 访问量 452

猜你喜欢

转载自blog.csdn.net/tiangoua/article/details/103748490