六、Json 数据的交互处理

文章目录

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




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


一、JSON 数据的交互处理


1、为什么要使用 JSON

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

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


2、JSON 和 JavaScript 之间的关系

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

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

3、前端操作 JSON

  • 代码示例

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

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

        <!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 字符串

      <!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 中即可使用
        <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 中即可使用

        <!-- 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 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 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>
        
    • 创建实体类

      @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

      @Controller
      public class UserController {
      
          @RequestMapping("/json")
          @ResponseBody
          public String getUserJson() {
      		return new User("1", "姚青", 999, "男", "123456").toString();
          }
      }
      
    • 启动 tomcat,发现返回的 Json 中数字类型返回正常,中文乱码

    在这里插入图片描述




4.3.1 配置乱码过滤器(乱码问题统一解决)


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

    	<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 工具依赖其余内容不变

      @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 中新增接口

      @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;
          }
      
      }
      
    • 运行结果

      在这里插入图片描述




本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/92086.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

2. HBase中文学习手册之如何运行一个单机版的HBase?

HBase中文学习手册之如何运行一个单机版的HBase? 1.1 介绍1.2 快速开始1.2.1 安装 Open JDK 81.2.2 启动 HBase1.2.3 Shell 练习1.2.4 运行停止脚本来停止HBase 1.1 介绍 上篇博文HBase中文学习手册之揭开Hbase的神秘面纱分享了 HBase 的一些理论基础知识的介绍。 本文将会继…

Spring boot(一)

Spring Boot是一个构建在Spring框架顶部的项目。它提供了一种简便&#xff0c;快捷的方式来设置&#xff0c;配置和运行基于Web的简单应用程序。 它是一个Spring模块&#xff0c;提供了 RAD(快速应用程序开发)功能。它用于创建独立的基于Spring的应用程序&#xff0c;因为它需…

mysql 字符集、比较规则, 比较规则底层逻辑

字符集的级别 show variables like ‘%charecter%’&#xff1b; character_set_server 服务器级别 一般在 5.7&#xff1a; C:\ProgramData\MySQL\MySQL Server 5.7\my.ini 8.0&#xff1a; C:\ProgramData\MySQL\MySQL Server 5.7\my.ini Linux 系列 vim /etc/my.cnf chara…

深入探讨C存储类和存储期——Storage Duration

&#x1f517; 《C语言趣味教程》&#x1f448; 猛戳订阅&#xff01;&#xff01;&#xff01; ​—— 热门专栏《维生素C语言》的重制版 —— &#x1f4ad; 写在前面&#xff1a;这是一套 C 语言趣味教学专栏&#xff0c;目前正在火热连载中&#xff0c;欢迎猛戳订阅&#…

MySQL—MySQL的NULL值是怎么存放的

一、引言 1、MySQL数据存放在哪个文件&#xff1f; 创建一个数据库会产生三种格式的文件&#xff0c;分别是.opt格式、.frm格式、.ibd格式。 opt格式&#xff1a;用来存储当前数据库的默认字符集和字符校验规则。 frm格式&#xff1a;该文件是用来保存每个表的元数据信息的&…

0基础入门C++之类和对象下篇

目录 1.再谈构造函数1.1构造函数赋值1.2初始化列表1.3explicit关键字 2.static成员2.1概念2.1静态成员变量2.2静态成员函数2.3特性 3.匿名对象4.友元函数4.1友元函数4.2友元类 5.内部类6.再次理解类和对象 1.再谈构造函数 首先我们先来回忆一下构造函数&#xff1a; 构造函数是…

【Java 高阶】一文精通 Spring MVC - 数据验证(七)

&#x1f449;博主介绍&#xff1a; 博主从事应用安全和大数据领域&#xff0c;有8年研发经验&#xff0c;5年面试官经验&#xff0c;Java技术专家&#xff0c;WEB架构师&#xff0c;阿里云专家博主&#xff0c;华为云云享专家&#xff0c;51CTO 专家博主 ⛪️ 个人社区&#x…

用AI + Milvus Cloud搭建着装搭配推荐系统

在上一篇文章中,我们学习了如何利用人工智能技术(例如开源 AI 向量数据库 Milvus Cloud 和 Hugging Face 模型)寻找与自己穿搭风格相似的明星。在这篇文章中,我们将进一步介绍如何通过对上篇文章中的项目代码稍作修改,获得更详细和准确的结果,文末附赠彩蛋。 注:试用此…

【头歌】构建哈夫曼树及编码

构建哈夫曼树及编码 第1关:构建哈夫曼树 任务描述 本关任务:构建哈夫曼树,从键盘读入字符个数n及这n个字符出现的频率即权值,构造带权路径最短的最优二叉树(哈夫曼树)。 相关知识 哈夫曼树的定义 设二叉树具有n个带权值的叶子结点{w1,w2,...,wn},从根结点到每个叶…

《Zookeeper》源码分析(二十三)之 客户端的命令处理过程

目录 客户端的命令处理过程1. ZooKeeper.create()2. ClientCnxn.submitRequest()3. SendThread.run()4. ClientCnxnSocket.doTransport()5. SendThread.readResponse() 客户端的命令处理过程 以创建节点命令为例&#xff0c;整个过程流程如下&#xff1a; CliCommand命令在抽…

uniapp国际化npm install vue-i18n报错

npm install vue-i18n //npmyarn add vue-i18n //yarn在vue2环境下&#xff0c;默认安装 npm install vue-i18n 的版本是 vue-i18n9.1.9&#xff0c;所以报错。 npm view vue-i18n versions --json 用以上命令查看版本&#xff1a; vue2建议5.0版本 npm install vue-i1…

Wireshark数据抓包分析之ARP协议

一、实验目的&#xff1a; 通过wireshark的数据抓包了解这个ARP协议的具体内容 二、预备知识: 1.Address Resolution Protocol协议&#xff0c;就是通过目标IP的值&#xff0c;获取到目标的mac地址的一个协议 2.ARP协议的详细工作过程&#xff0c;下面描述得非常清晰&#xff…

VScode使用SSH连接linux

1、官网下载和安装软件 https://code.visualstudio.com/Download 2、安装插件 单击左侧扩展选项&#xff0c;搜索插件安装 总共需要安装的插件如下所示 3、配置连接服务器的账号 安装完后会在左侧生成了远程连接的图标&#xff0c;单击此图标&#xff0c;然后选择设置图标…

[LitCTF 2023]Flag点击就送!

进入环境后是一个输入框&#xff0c;可以提交名字 然后就可以点击获取flag&#xff0c;结果回显提示&#xff0c;需要获取管理员 可以尝试将名字改为admin 触发报错&#xff0c;说明可能存在其他的验证是否为管理员的方式 通过抓包后&#xff0c;在cookie字段发现了 特殊的东西…

数据隐私与安全在大数据时代的挑战与应对

文章目录 数据隐私的挑战数据安全的挑战应对策略和方法1. 合规和监管2. 加密技术3. 匿名化和脱敏4. 安全意识培训5. 隐私保护技术 结论 &#x1f388;个人主页&#xff1a;程序员 小侯 &#x1f390;CSDN新晋作者 &#x1f389;欢迎 &#x1f44d;点赞✍评论⭐收藏 ✨收录专栏&…

spring框架:简介+依赖注入

目录 一、spring简介 二、创建项目 三、spring创建对象 四、SpringBean管理 1.注入实现-XML 2.注入实现-注解 一、spring简介 spring诞生与2003年&#xff0c;是一个轻量级的、IOC( Inversion Of Control 控制反转)和AOP(Aspect Oriented Programming 面向切面编程)的jav…

【rust/egui】(六)看看template的app.rs:TextEdit

说在前面 rust新手&#xff0c;egui没啥找到啥教程&#xff0c;这里自己记录下学习过程环境&#xff1a;windows11 22H2rust版本&#xff1a;rustc 1.71.1egui版本&#xff1a;0.22.0eframe版本&#xff1a;0.22.0上一篇&#xff1a;这里 TextEdit 文本编辑框 其定义为&#…

有限与无限游戏 | 真北荐书

2023佛山敏捷之旅暨DevOps Meetup志愿者为进行大会的组织与准备&#xff0c;每周三晚有一个例会。 例会前等人的时间&#xff0c;涌现出一个小的分享环节。今天分享这本书&#xff1a;《有限与无限游戏》。 大家选择成为志愿者&#xff0c;是一个无限游戏。而组织活动和完成各种…

uni-app里使用webscoket

实现思路和vue中是一样的。如果想看思路可以看这篇文章&#xff1a;websocket 直接上可以运行的代码&#xff1a; 一、后端nodeJS代码&#xff1a; 1、新建项目文件夹 2、初始化项目&#xff1a; npm init -y 3、项目里安装ws npm i ws --save 4、nodeJS代码&#xff1…

STL list基本用法

目录 list的使用构造函数和赋值重载迭代器(最重要)容量相关插入删除元素操作reversesortuniqueremovesplice list的底层实际是双向链表结构 list的使用 构造函数和赋值重载 构造函数说明list()无参构造list (size_type n, const value_type& val value_type())构造的li…