Spring-MVC：ajax请求与响应

添加依赖：

<dependency>
   <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-core</artifactId>
    <version>2.12.1</version>
</dependency>
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-annotations</artifactId>
    <version>2.12.1</version>
</dependency>
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.12.1</version>
</dependency>

用于将前台发过来的JSON数据封装成JAVA对象和将后台的对象变成JSON响应回前台

JSP页面：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>$Title$</title>
    <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("button").click(function () {
                $.ajax({
                    type: "POST",//请求类型
                    url: "hello",//请求路径
                    dataType: "json",//预期服务器返回的数据类型
                    contentType: "application/json;charset=UTF-8",//发送信息至服务器时内容编码类型
                    data: JSON.stringify({"des": "前端"}),//json数据
                    success: function (data) {//请求成功回调函数
                        console.log(data)
                    }
                })
            })
        })
    </script>
</head>
<body>
<button>ajax</button>
</body>
</html>

JAVA代码：

@Controller
public class HelloController {
      
      
    @RequestMapping("/hello")
    @ResponseBody
    public User hello(@RequestBody User user) {
      
      
        System.out.println(user);
        user.setDes("后台");
        return user;
    }
}

Spring-MVC：ajax请求与响应

猜你喜欢