六、Json 数据的交互处理

姚青&2023-08-31 13:07

文章目录

  • [一、JSON 数据的交互处理](#一、JSON 数据的交互处理)
    • [1、为什么要使用 JSON](#1、为什么要使用 JSON)
    • [2、JSON 和 JavaScript 之间的关系](#2、JSON 和 JavaScript 之间的关系)
    • [3、前端操作 JSON](#3、前端操作 JSON)
      • [3.1 JavaScript 对象与 JSON 字符串之间的相互转换](#3.1 JavaScript 对象与 JSON 字符串之间的相互转换)
    • [4、JAVA 操作 JSON](#4、JAVA 操作 JSON)
      • [4.1 Json 的解析工具（Gson、FastJson、Jackson）](#4.1 Json 的解析工具（Gson、FastJson、Jackson）)
      • [4.2 @ResponseBody 注解、@RestController 注解](#4.2 @ResponseBody 注解、@RestController 注解)
      • [4.3 java 中操作 JSON 的方式：返回值不做处理，返回默认 json](#4.3 java 中操作 JSON 的方式：返回值不做处理，返回默认 json)
        • [4.3.1 配置乱码过滤器（乱码问题统一解决）](#4.3.1 配置乱码过滤器（乱码问题统一解决）)
      • [4.4 java 中操作 JSON 的方式： Jackson](#4.4 java 中操作 JSON 的方式： Jackson)

JSON 概况以及 JAVA 基本操作 JSON 数据的方式

一、JSON 数据的交互处理

1、为什么要使用 JSON

因为现在的项目大多数都是前后端分离的项目，前端和后端都独立开发和部署。

由后端提供接口，前端从接口获取数据，将数据渲染到页面上。前后端数据传输的格式就是 JSON！

2、JSON 和 JavaScript 之间的关系

  • JSON 和 JavaScript 的关系： JSON 是 JavaScript 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

    js 复制代码 
    var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

3、前端操作 JSON

  • 代码示例

    • 创建一个 HTML 文件，在 < head > 中添加 < script > 标签编写示例代码

      • 注：< script > 必须成对出现，否则不生效

        html 复制代码 
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="application/javascript">

		// 创建对象，定义属性并赋值
        var user = {
            name:"姚青",
            age:24,
            sex:"男"
        }
        // 打印 user 对象
        console.log(user);

    </script>
</head>
<body>

</body>
</html>

      • 通过浏览器打开该文件，可以看到打印的对象（对象是可以打开的，字符串不行）

3.1 JavaScript 对象与 JSON 字符串之间的相互转换

  • 在 JavaScript 中默认提供了一个 JSON 的类，这个类中提供了两个方法，可以实现 JSON 和 JavaScript 的相互转换

    • parse() ：将 JSON 字符串转换为 JavaScript 对象

    • stringify() ：将 JavaScript 对象转换为 JSON 字符串

      html 复制代码 
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script type="application/javascript">

        var user = {
            name:"姚青",
            age:24,
            sex:"男"
        }
        // 打印正常对象
        console.log(user);

		// 打印对象转换后的JSON
        var json = JSON.stringify(user);
        console.log(json);

		// 打印JSON转换的JavaScript 对象
        var JavaScript = JSON.parse(json);
        console.log(JavaScript);

    </script>
</head>
<body>

</body>
</html>

    • 执行结果

4、JAVA 操作 JSON

4.1 Json 的解析工具（Gson、FastJson、Jackson）

  • Gson：谷歌公司推出的Json解析工具

    • Gson 主要有 toJson 与 fromJson 两个转换方法，通过这两个方法实现 Json 与 Java 对象之间的相互转换

    • Gson详解用法

  • FastJson：阿里巴巴推出的Json解析工具

    • FastJson 在复杂类型的 Bean 转换 Json 上会出现一些问题，可能会出现引用的类型，导致 Json 转换出错，需要制定引用。

    • FastJson 采用独创的算法，将解析的速度提升到极致，超过所有 json 库。

      • FastJson 依赖包，导入 pom.xml 中即可使用

        xml 复制代码 
        <dependency>
   <groupId>com.alibaba</groupId>
   <artifactId>fastjson</artifactId>
   <version>1.2.60</version>
</dependency>

    • FastJson的使用方法

  • Jackson：Jackson 是比较著名的一个解析工具

    • Jackson 是当前用的比较广泛的，用来序列化和反序列化 json 的 Java 的开源框架

    • Jackson 社 区相对比较活跃，更新速度也比较快，是最流行的 json 解析器之一

      • Jackson 依赖包，导入 pom.xml 中即可使用

        xml 复制代码 
        <!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
<dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.8</version>
</dependency>

        • ObjectMapper 类

          • ObjectMapper 类(com.fasterxml.jackson.databind.ObjectMapper)是 Jackson 的主要类，它可以帮助我们快速的进行各个类型和Json类型的相互转换。

            • public String writeValueAsString(Object value): 将 Java 对象转换成 JSON

        ObjectMapper 类详解

  • 区别

    • FastJson的性能优于Gson，但是处理复杂类型时可能会出现一些错误，到现在还有很多BUG没修。
    • Gson的功能非常的齐全。
    • Jakson性能也非常出色，但是将核心功能拆分成三个模块，有Jar依赖。

注：Java工具千千万，处理 json 的工具有很多，大多数都是可以完成数据转换这一过程的，只是不同的工具所呈现的效果不一。所以，选择适合工具即可。

4.2 @ResponseBody 注解、@RestController 注解

  • @ResponseBody 注解

    • 1、概念

      • @ResponseBody 注解，使用在控制层（controller）的方法上。

    • 2、作用

      • 将方法的返回值，以特定的格式写入到response的body区域，进而将数据返回给客户端。

        当方法上面没有写ResponseBody,底层会将方法的返回值封装为ModelAndView对象。

        如果返回值是字符串，那么直接将字符串写到客户端；如果是一个对象，会将对象转化为 json 串，然后返回给客户端。

  • @RestController 注解

    • 1、概念

      • @ResponseBody 注解，使用在控制层（controller）的类上。

    • 2、作用

      • @RestController 的作用等同于 @Controller + @ResponseBody。并且改注解的作用域是整个类，当类被该注解标记时，类中所有的方法都会返回 JSON ，不用再每一个方法上都添加 @ResponseBody了。

注：当使用 @ResponseBody 注解和 @RestController 注解时，就不会去走视图解析器了，直接返回一个字符串，

4.3 java 中操作 JSON 的方式：返回值不做处理，返回默认 json

  • 代码示例：

    • 配置 SpringMVC 需要的配置

      • web.xml

        xml 复制代码 
        <?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
        version="4.0">

   <!--1.注册servlet-->
   <servlet>
       <servlet-name>SpringMVC</servlet-name>
       <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
       <!--通过初始化参数指定SpringMVC配置文件的位置，进行关联-->
       <init-param>
           <param-name>contextConfigLocation</param-name>
           <param-value>classpath:SpringMVC-Servlet.xml</param-value>
       </init-param>
       <!-- 启动顺序，数字越小，启动越早 -->
       <load-on-startup>1</load-on-startup>
   </servlet>

   <!--所有请求都会被springmvc拦截 -->
   <servlet-mapping>
       <servlet-name>SpringMVC</servlet-name>
       <url-pattern>/</url-pattern>
   </servlet-mapping>

   <filter>
       <filter-name>encoding</filter-name>
       <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
       <init-param>
           <param-name>encoding</param-name>
           <param-value>utf-8</param-value>
       </init-param>
   </filter>
   <filter-mapping>
       <filter-name>encoding</filter-name>
       <url-pattern>/</url-pattern>
   </filter-mapping>

</web-app>

      • Spring 配置文件

        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:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       https://www.springframework.org/schema/context/spring-context.xsd
       http://www.springframework.org/schema/mvc
       https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!-- 自动扫描指定的包，下面所有注解类交给IOC容器管理 -->
    <context:component-scan base-package="com.sys.controller"/>

</beans>

    • 创建实体类

      java 复制代码 
      @Data
public class User {

    private String id;
    private String name;
    private int age;
    private String sex;
    private String pass;
    
    public User(String id, String name, int age, String sex, String pass) {
        this.id = id;
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.pass = pass;
    }

}

    • 创建 Controller

      java 复制代码 
      @Controller
public class UserController {

    @RequestMapping("/json")
    @ResponseBody
    public String getUserJson() {
		return new User("1", "姚青", 999, "男", "123456").toString();
    }
}

    • 启动 tomcat，发现返回的 Json 中数字类型返回正常，中文乱码

4.3.1 配置乱码过滤器（乱码问题统一解决）

  • 在 Spring 配置文件中配置乱码过滤器

    xml 复制代码 
    	<mvc:annotation-driven>
	   <mvc:message-converters register-defaults="true">
	       <bean class="org.springframework.http.converter.StringHttpMessageConverter">
	           <constructor-arg value="UTF-8"/>
	       </bean>
	       <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
	           <property name="objectMapper">
	               <bean class="org.springframework.http.converter.json.Jackson2ObjectMapperFactoryBean">
	                   <property name="failOnEmptyBeans" value="false"/>
	               </bean>
	           </property>
	       </bean>
	   </mvc:message-converters>
	</mvc:annotation-driven>

  • 重新发布项目

4.4 java 中操作 JSON 的方式： Jackson

  • 代码示例1:将Java对象转换成 JSON

    • 创建 controller，引入 Jackson 工具依赖其余内容不变

      java 复制代码 
      @RestController
public class JacksonController {

    @RequestMapping("/getJackson")
    public String getJackson(){

		User user = new User("1", "姚青", 999, "男", "123456");

        //创建 jackson 对象映射器，用来解析数据
        ObjectMapper objectMapper = new ObjectMapper();
        String str;
        try {
            // 将 java 对象转换成 json
             str = objectMapper.writeValueAsString(user);
        } catch (JsonProcessingException e) {
            throw new RuntimeException(e);
        }
        return str;
    }
    
}

    • 启动 tomcat，查看结果

  • 代码示例2:返回集合，通过 Jackson 将集合转换成 JSON

    • 在 JacksonController 中新增接口

      java 复制代码 
      @RestController
public class JacksonController {

    @RequestMapping("/getJackson")
    public String getJackson() {

        User user = new User("1", "姚青", 999, "男", "123456");

        //创建 jackson 对象映射器，用来解析数据
        ObjectMapper objectMapper = new ObjectMapper();
        String str;
        try {
            // 将 java 对象转换成 json
            str = objectMapper.writeValueAsString(user);
        } catch (JsonProcessingException e) {
            throw new RuntimeException(e);
        }
        return str;
    }


    @RequestMapping("/getJackson2")
    public String getJackson2() {

        User user = new User("1", "姚青", 999, "男", "123456");
        User user2 = new User("2", "姚青2", 998, "男", "123456");
        User user3 = new User("3", "姚青3", 997, "男", "123456");
        User user4 = new User("4", "姚青4", 996, "男", "123456");

        List<User> list = new ArrayList<>();
        Collections.addAll(list, user, user2, user3, user4);

        //创建 jackson 对象映射器，用来解析数据
        ObjectMapper objectMapper = new ObjectMapper();
        String str;
        try {
            // 将 java 对象转换成 json
            str = objectMapper.writeValueAsString(list);
        } catch (JsonProcessingException e) {
            throw new RuntimeException(e);
        }
        return str;
    }

}

    • 运行结果

相关推荐
徐*红30 分钟前
springboot使用minio(8.5.11)
java·spring boot·spring
林戈的IT生涯1 小时前
MySQL5.7中增加的JSON特性的处理方法JSON_EXTRACT和JSON_ARRAY_APPEND以及MYSQL中JSON操作的方法大全
json·mysql5.7·json特性·json_extract·mysql中json操作方法
敲代码不忘补水2 小时前
Python 项目实践：简单的计算器
开发语言·python·json·项目实践
weixin_456732592 小时前
网络-内核是如何与用户进程交互
网络·交互
哈喽，树先生3 小时前
1.Seata 1.5.2 seata-server搭建
spring·springcloud
【D＇accumulation】5 小时前
典型的MVC设计模式：使用JSP和JavaBean相结合的方式来动态生成网页内容典型的MVC设计模式
java·设计模式·mvc
小菜yh6 小时前
关于Redis
java·数据库·spring boot·redis·spring·缓存
爱上语文7 小时前
Springboot的三层架构
java·开发语言·spring boot·后端·spring
荆州克莱7 小时前
springcloud整合nacos、sentinal、springcloud-gateway,springboot security、oauth2总结
spring boot·spring·spring cloud·css3·技术
热门推荐
01RAG 实践- Ollama+RagFlow 部署本地知识库02组基轨迹建模 GBTM的介绍与实现（Stata 或 R）032024年高教社杯数学建模国赛C题超详细解题思路分析04苍穹外卖面试总结05yolov8实战第五天——yolov8+ffmpg实时视频流检测并进行实时推流——（推流，保姆教学）06【2024数模国赛赛题思路公开】国赛B题思路丨附可运行代码丨无偿自提07Coze扣子平台完整体验和实践（附国内和国际版对比）08CCF-CSP认证考试 202406-3 文本分词 100分题解09【2024高教社杯全国大学生数学建模竞赛】B题 生产过程中的决策问题——解题思路 代码 论文10借助 LocatorJS ，快速定位本地代码