2022-08-20

我们在开发中后端经常需要接受来自于前端传递的Json字符串数据,怎么把Json字符串转换为Java对象呢?后端也经常需要给前端返回Json字符串,怎么把Java对象数据转换为Json字符串返回呢?接下来我们看看如何使用@RequestBody和@ResponseBody注解。

1 导入jackson支持包

Spring MVC默认是无法实现Json数据转换功能的,需要额外导入Jackson包来支持Json数据转换。

pom.xml配置:

            
            <!-- jackson支持包 -->
            <dependency>
              <groupId>com.fasterxml.jackson.core</groupId>
              <artifactId>jackson-core</artifactId>
              <version>2.9.5</version>
            </dependency>
            <dependency>
              <groupId>com.fasterxml.jackson.core</groupId>
              <artifactId>jackson-annotations</artifactId>
              <version>2.9.5</version>
            </dependency>
            <dependency>
              <groupId>com.fasterxml.jackson.core</groupId>
              <artifactId>jackson-databind</artifactId>
              <version>2.9.5</version>
            </dependency>

2 页面传递Json到后端

编写json.jsp,使用jQuery实现ajax异步请求后端Controller,同时发送Json字符串对象

json.jsp内容如下:

            
            <%@ page contentType="text/html;charset=UTF-8" language="java" %>
            <html>
            <head>
                <title>一点教程网-JSON格式转换</title>
                <script src="/js/jquery-3.3.1.min.js"></script>
            </head>
            <body>
            <script>
                //页面加载完毕
                $(function(){
                    //点击按钮,发送post请求,传递json参数
                    $("#btn").click(function(){
                        $.ajax({
                            //设置请求类型
                            type:'post',
                            //请求路径
                            url:'/json',
                            //传递json参数
                            data: '{"id":268,"name":"小红","age":18}',
                            //指定参数类型(如果json参数格式,必须设置为json类型)
                            contentType: 'application/json;charset=utf-8',
                            //该方法接收后台返回的数据格式
                            dataType: 'json',
                            //处理方法
                            success:function(result){
                                alert(result.id+'--'+result.name+'--'+result.age);
                            }
            
                        });
                    });
                });
            
            </script>
            
            <input type="button" value="演示Json字符串与Java对象转换" id="btn">
            </body>
            </html>

3 后端处理Json数据

编写JsonController,这里用到两个关键注解@RequestBody@ResponseBody

  • @RequestBody:完成页面Json字符串转换为后端Java对象
  • @ResponseBody:完成后端Java对象转换为前端Json字符串

JsonController代码如下:

            
            package com.yiidian.controller;
            import com.yiidian.domain.User;
            import org.springframework.stereotype.Controller;
            import org.springframework.ui.Model;
            import org.springframework.ui.ModelMap;
            import org.springframework.web.bind.annotation.RequestBody;
            import org.springframework.web.bind.annotation.RequestMapping;
            import org.springframework.web.bind.annotation.ResponseBody;
            
            /**
             *  演示Java对象与Json字符串之间的转换
             * 一点教程网 - www.yiidian.com
             */
            @Controller
            public class JsonController {
            
                /**
                 * 1) 接收前台传递json字符串格式 @RequestBody: 把json字符串转为Java对象
                 * 2) 后台Java对象转换json字符串: @ResponseBody
                 */
                @RequestMapping("/json")
                @ResponseBody
                public User json(@RequestBody User user){
                    System.out.println("前端发送的数据:"+user);
                    //后台返回json字符串给前端
                    user.setId(368);
                    user.setName("小苍");
                    user.setAge(20);
                    return user;
                }
            }

User对象:

            
            package com.yiidian.domain;
            
            /**
             * 用于接收页面的数据
             * 一点教程网 - www.yiidian.com
             */
            public class User {
                private Integer id;
                private String name;
                private Integer age;
                public Integer getId() {
                    return id;
                }
            
                public void setId(Integer id) {
                    this.id = id;
                }
            
                public String getName() {
                    return name;
                }
            
                public void setName(String name) {
                    this.name = name;
                }
            
                public Integer getAge() {
                    return age;
                }
            
                public void setAge(Integer age) {
                    this.age = age;
                }
                @Override
                public String toString() {
                    return "User{" +
                            "id=" + id +
                            ", name='" + name + '\'' +
                            ", age=" + age +
                            '}';
                }
            }

4 springmvc.xml配置

            
            <?xml version="1.0" encoding="UTF-8"?>
            <beans xmlns="http://www.springframework.org/schema/beans"
                   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"
                   xmlns:context="http://www.springframework.org/schema/context"
                   xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
            
                <!-- 1.扫描Controller的包-->
                <context:component-scan base-package="com.yiidian.controller"/>
            
                <!-- 2.配置视图解析器 -->
                <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
                    <!-- 2.1 页面前缀 -->
                    <property name="prefix" value="/pages/"/>
                    <!-- 2.2 页面后缀 -->
                    <property name="suffix" value=".jsp"/>
                </bean>
            
                <!-- 3.创建处理器适配器和处理器映射器-->
                <mvc:annotation-driven/>
            
                <!--静态资源处理-->
                <mvc:default-servlet-handler/>
            </beans>

5 运行测试

先访问json.jsp页面,再点击按钮

202202131335004691.png

我们看到向后端发送的Json字符串成功被转换为Java对象

202202131335009752.png

且前端也成功接收了后端转换的Json字符串

202202131335015583.png

源码下载:https://pan.baidu.com/s/1E_IjLzOJXwE9lL2vMpewXw

阅读全文