Java框架 SpringMVC处理ajax请求

1、@RequestBody

         @RequestBody可以获取请求体信息 ,使用@RequestBody注解标识控制器方法的形参,当前请求的请求体就会为当前注解所标识的形参赋值
代码示例:
index.html
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
    <h1>index.html</h1>
    <form th:action="@{/test/requestBody1}" method="post">
        <input type="text" name="username" value="admin"><br/>
        <input type="password" name="password" value="123456"><br/>
        <input type="submit" value="测试 @RequestBody 获取请求体信息"><br/>
    </form>
</body>
</html>
success.html:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>success</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

TestAjaxController:
@Controller
public class TestAjaxController {

    @RequestMapping("/test/requestBody1")
    public String testRequestBody1(@RequestBody String requestBody) {
        System.out.println(requestBody);
        // username=admin&password=123456
        return "success";
    }
}

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 格式的请求参数转化为 java 对象

        a> 导入 jack 依赖

        b> 在SpringMVC 的配置文件中设置<mvc:annotation-driven />

        c> 在处理请求的控制器方法的形参位置,直接设置 json 格式的请求参数要转换的 java 类型的形参,使用 @RequestBody 注解绑定即可

1、导入jackson的依赖

		<!-- 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/>
	<mvc:default-servlet-handler/>

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

index.html 代码:
<div id="app">
    <input @click="testRequestBody" type="button" value="测试 @RequestBody 获取 json 格式的请求体信息"><br/>
</div>
<script type="text/javascript" th:src="@{/static/js/axios.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript">
    var vue = new Vue({
        el: "#app",
        methods: {
            testRequestBody() {
                axios.post(
                    "/pro15/test/requestBody/json",
                    {username: "admin", password: "123456", age: "20", gender: "男"}
                ).then(response => {
                    console.log(response.data)
                })
            }
        }
    });
</script>

① 将json格式的数据转换为map集合

    @RequestMapping("/test/requestBody/json")
    public void testRequestBody2(@RequestBody Map<String, Object> map,
                                 HttpServletResponse response) throws IOException {
        System.out.println(map);
        // {username=admin, password=123456, age=20, gender=男}
        response.getWriter().write("hello world");
    }

② 将json格式的数据转换为实体类对象

创建实体类对象:
public class User {
    private Integer id;
    private String username;
    private String password;
    private Integer age;
    private String gender;
    public User(Integer id, String username, String password, Integer age, String gender){
        this.id = id;
        this.username = username;
        this.password = password;
        this.age = age;
        this.gender = gender;
    }

    public User() {
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public Integer getAge() {
        return age;
    }

    public void setAge(Integer age) {
        this.age = age;
    }

    public String getGender() {
        return gender;
    }

    public void setGender(String gender) {
        this.gender = gender;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", age=" + age +
                ", gender='" + gender + '\'' +
                '}';
    }
}
    @RequestMapping("/test/requestBody/json")
    public void testRequestBody3(@RequestBody User user,
                                 HttpServletResponse response) throws IOException {
        System.out.println(user);
        // User{id=null, username='admin', password='123456', age=20, gender='男'}
        response.getWriter().write("hello world");
    }

3、@ResponseBody

        @ResponseBody用于标识一个控制器方法,可以将该方法的返回值直接作为响应报文的响应体响应到浏览器
代码示例:
未使用  @ResponseBody 注释
    @RequestMapping("/test/response/body")
    public String testResponseBody() {
        // 此时会跳转到逻辑视图success所对应的页面
        return "success";
    }

结果:

 

使用 @ResponseBody 注释

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

结果:

 

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

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

使用 @ResponseBody 这个注解响应浏览器 json 格式的数据的步骤

        a> 导入 jack 依赖

        b> 在SpringMVC 的配置文件中设置<mvc:annotation-driven />

        c> 将需要转换 json 字符串的 Java 对象直接作为控制器方法的返回值,使用 @ResponseBody 注解标识控制器方法,既可以将 Java 对象直接转换为 json 字符串,并响应到浏览器

@ResponseBody响应浏览器json数据的条件:
1、导入jackson的依赖
		<!-- 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字符串并响应到浏览器
index.html 代码:
<div id="app">
    <input @click="testRequestBody" type="button" value="测试 @RequestBody 获取 json 格式的请求体信息"><br/>
    <a th:href="@{test/response/body}">测试 @ResponseBody 响应浏览器数据</a><br/>
    <input @click="testResponseBody" type="button" value="测试 @ResponseBody 响应浏览器json格式的数据"><br/>
</div>

<script type="text/javascript" th:src="@{/static/js/axios.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script>
<script type="text/javascript">
    var vue = new Vue({
        el: "#app",
        methods: {
            testRequestBody() {
                axios.post(
                    "/pro15/test/requestBody/json",
                    {username: "admin", password: "123456", age: "20", gender: "男"}
                ).then(response => {
                    console.log(response.data)
                });
            },

            testResponseBody() {
                axios.post("/pro15/test/response/body/json").then(response => {
                    console.log(response.data)
                });
            }
        }
    });
</script>

Java代码:

① 响应浏览器实体类对象

    @RequestMapping("/test/response/body/json")
    @ResponseBody
    public User testResponseBodyJson() {
        User user = new User(1001,"张三","zhangsan",20,"女");
        return user;
    }

结果:

 

② 响应浏览器map集合

    @RequestMapping("/test/response/body/json")
    @ResponseBody
    public Map<String,Object> testResponseBodyJson2() {
        User user1 = new User(1001,"张三","zhangsan",20,"女");
        User user2 = new User(1002,"李四","lisi",19,"女");
        User user3 = new User(1003,"王五","wangwu",21,"男");
        Map<String, Object> map = new HashMap<>();
        map.put("1001", user1);
        map.put("1002", user2);
        map.put("1003", user3);
        return map;
    }
结果:

③ 响应浏览器list集合

    @RequestMapping("/test/response/body/json")
    @ResponseBody
    public List<User> testResponseBodyJson3() {
        User user1 = new User(1001,"张三","zhangsan",20,"女");
        User user2 = new User(1002,"李四","lisi",19,"女");
        User user3 = new User(1003,"王五","wangwu",21,"男");
        List<User> list = Arrays.asList(user1, user2, user3);
        return list;
    }

结果:

 

5、@RestController注解

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

6、总结

1、@RequestBody:将请求体中的内容和控制器方法的形参进行绑定

2、使用 @RequestBody 注解将 json 格式的请求参数转化为 java 对象

        a> 导入 jack 依赖

        b> 在SpringMVC 的配置文件中设置<mvc:annotation-driven />

        c> 在处理请求的控制器方法的形参位置,直接设置 json 格式的请求参数要转换的 java 类型的形参,使用 @RequestBody 注解绑定即可

3、@ResponseBody :将所标识的控制器方法的返回值作为响应报文的响应体响应到浏览器

4、使用 @ResponseBody 这个注解响应浏览器 json 格式的数据的步骤

        a> 导入 jack 依赖

        b> 在SpringMVC 的配置文件中设置<mvc:annotation-driven />

        c> 将需要转换 json 字符串的 Java 对象直接作为控制器方法的返回值,使用 @ResponseBody 注解标识控制器方法,既可以将 Java 对象直接转换为 json 字符串,并响应到浏览器

常用的 Java 对象转换为 json 的结果:

        ① 实体类 --> json 对象

        ② map集合 --> json 对象

        ③ list集合 --> json 数组

5、@RestController注解

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值