【尚硅谷】SSM框架全套教程-讲师：杨博超

保持热爱、奔赴山河

9、SpringMVC处理ajax请求

9.1、@RequestBody

@RequestBody可以获取请求体信息，使用@RequestBody注解标识控制器方法的形参，当前请求的请
求体就会为当前注解所标识的形参赋值

<div>
    <form th:action="@{/test/RequestBody}" method="post">
        <table>
            <tr>
                <td>
                    用户名：
                </td>
                <td>
                    <input type="text" name="username">
                </td>
            </tr>
            <tr>
                <td>
                    密码：
                </td>
                <td>
                    <input type="password" name="password">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit">
                </td>
            </tr>
        </table>
    </form>
</div>

@RequestMapping("/test/RequestBody")
public String testRequestBody(@RequestBody String requestBody) {
    System.out.println("json:"+requestBody);
    return "success";
}

输出结果：
requestBody:username=admin&password=123456

9.2、@RequestBody获取json格式的请求参数

在使用了axios发送ajax请求之后，浏览器发送到服务器的请求参数有两种格式：

1. name=value&name=value…，此时的请求参数可以通过request.getParameter()获取，对应SpringMVC中，可以直接通过控制器方法的形参获取此类请求参数
2. {key:value,key:value,…}，此时无法通过request.getParameter()获取，之前我们使用操作json的相关jar包gson或jackson处理此类请求参数，可以将其转换为指定的实体类对象或map集合。在SpringMVC中，直接使用@RequestBody注解标识控制器方法的形参即可将此类请求参数转换为java对象

使用@RequestBody获取json格式的请求参数的条件：

1、导入jackson的依赖

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

2、SpringMVC的配置文件中设置开启mvc的注解驱动

<!--开启mvc的注解驱动-->
<mvc:annotation-driven />

3、在控制器方法的形参位置，设置json格式的请求参数要转换成的java类型（实体类或map）的参
数，并使用@RequestBody注解标识

<div id="app">
    <input type="button" value="测试@RequestBody获取json格式的请求参数" @click="testRequestBady()">
</div>
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript" th:src="@{/static/js/axios.min.js}"></script>
<script type="text/javascript">
    var vue = new Vue({
        el: "#app",
        methods: {
            testRequestBady() {
                axios.post(
                    "/spring/test/requestbody/user",
                    {username: "admin", password: "123456"}
                ).then(response => {
                    console.log(response.data);
                });
            }
        }
    });
</script>

//将json格式的数据转换为map集合
@RequestMapping("/test/RequestBody/json")
public void testRequestBody(@RequestBody Map<String,Object> map, HttpServletResponse response) throws IOException 			{
    System.out.println(map);
    response.getWriter().print("hello,axios");
}

//将json格式的数据转换为实体类对象
@RequestMapping("/test/requestbody/user")
public void testRequestBody(@RequestBody User user, HttpServletResponse response) throws IOException {
    System.out.println(user);
    response.getWriter().print("成功");
}

9.3、@ResponseBody

@ResponseBody用于标识一个控制器方法，可以将该方法的返回值直接作为响应报文的响应体响应到
浏览器

@RequestMapping("/testResponseBody")
public String testResponseBody(){
	//此时会跳转到逻辑视图success所对应的页面
	return "success";
}

@RequestMapping("/testResponseBody")
@ResponseBody
public String testResponseBody(){
	//此时响应浏览器数据success
	return "success";
}

9.4、@ResponseBody响应浏览器json数据

服务器处理ajax请求之后，大多数情况都需要向浏览器响应一个java对象，此时必须将java对象转换为json字符串才可以响应到浏览器，之前我们使用操作json数据的jar包gson或jackson将java对象转换为json字符串。在SpringMVC中，我们可以直接使用@ResponseBody注解实现此功能

@ResponseBody响应浏览器json数据的条件：
1、导入jackson的依赖

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

2、SpringMVC的配置文件中设置开启mvc的注解驱动

<!--开启mvc的注解驱动-->
<mvc:annotation-driven />

3、使用@ResponseBody注解标识控制器方法，在方法中，将需要转换为json字符串并响应到浏览器的java对象作为控制器方法的返回值，此时SpringMVC就可以将此对象直接转换为json字符串并响应到浏览器

<div id="app">
    <input type="button" value="测试@ResponseBody响应json格式的请求参数" @click="testResponseBody()">
</div>
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript" th:src="@{/static/js/axios.min.js}"></script>
<script type="text/javascript">
    var vue = new Vue({
        el: "#app",
        methods: {
            testResponseBody() {
                axios.post(
                    "/spring/test/requestbody/user"
                ).then(response => {
                    console.log(response.data);
                });
            }
        }
    });
</script>

//响应浏览器list集合
@RequestMapping("/test/requestbody/user")
@ResponseBody
public List<User> testRequestBody() {
    User user1 = new User("admin1", 123);
    User user2 = new User("admin2", 123);
    User user3 = new User("admin3", 123);
    User user4 = new User("admin4", 123);
    User user5 = new User("admin5", 123);
    User user6 = new User("admin6", 123);
    List<User> list = Arrays.asList(user1, user2, user3, user4, user5, user6);
    return list;
}

//响应浏览器map集合
@RequestMapping("/test/requestbody/user")
@ResponseBody
public Map<String, Object> testRequestBody() {
    User user1 = new User("admin1", 123);
    User user2 = new User("admin2", 123);
    User user3 = new User("admin3", 123);
    User user4 = new User("admin4", 123);
    User user5 = new User("admin5", 123);
    User user6 = new User("admin6", 123);
    Map<String, Object> map = new HashMap<>();
    map.put("1",user1);
    map.put("2",user2);
    map.put("3",user3);
    map.put("4",user4);
    map.put("5",user5);
    map.put("6",user6);
    return map;
}

9.5、@RestController注解

@RestController注解是springMVC提供的一个复合注解，标识在控制器的类上，就相当于为类添加了 @Controller 注解，并且为其中的每个方法添加了**@ResponseBody**注解