当前位置： 首页 > news >正文

六、Json 数据的交互处理

news 2025/7/6 13:02:34

文章目录

  • 一、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);// 打印对象转换后的JSONvar 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/beanshttp://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/contexthttps://www.springframework.org/schema/context/spring-context.xsdhttp://www.springframework.org/schema/mvchttps://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")@ResponseBodypublic 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 对象转换成 jsonstr = 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 对象转换成 jsonstr = 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 对象转换成 jsonstr = objectMapper.writeValueAsString(list);} catch (JsonProcessingException e) {throw new RuntimeException(e);}return str;}}

    • 运行结果

      在这里插入图片描述



相关文章：

六、Json 数据的交互处理

文章目录 一、JSON 数据的交互处理1、为什么要使用 JSON2、JSON 和 JavaScript 之间的关系3、前端操作 JSON3.1 JavaScript 对象与 JSON 字符串之间的相互转换 4、JAVA 操作 JSON4.1 Json 的解析工具&#xff08;Gson、FastJson、Jackson&#xff09;4.2 ResponseBody 注解、Re…...

编程日记 2023/8/31 3:25:13

企业微信cgi-bin/gateway/agentinfo接口存在未授权访问漏洞 附POC

文章目录 企业微信cgi-bin/gateway/agentinfo接口存在未授权访问漏洞 附POC1. 企业微信cgi-bin/gateway/agentinfo接口简介2.漏洞描述3.影响版本4.fofa查询语句5.漏洞复现6.POC&EXP7.整改意见8.往期回顾 企业微信cgi-bin/gateway/agentinfo接口存在未授权访问漏洞 附POC 免…...

编程日记 2023/8/31 3:24:12

【数据结构与算法 模版】高频题刷题模版

废话不多说&#xff0c;喊一句号子鼓励自己&#xff1a;程序员永不失业&#xff0c;程序员走向架构&#xff01;本篇Blog的主题是【】&#xff0c;使用【】这个基本的数据结构来实现&#xff0c;这个高频题的站点是&#xff1a;CodeTop&#xff0c;筛选条件为&#xff1a;目标公…...

编程日记 2023/8/31 3:23:11

西门子840DSL 840DPoweLine 刀具数据读取

...

编程日记 2023/8/31 3:22:03

EMQ X支持哪些认证方式？

EMQ X 中的认证指的是当一个客户端连接到 EMQ X 的时候&#xff0c;通过服务器端的配置来控制客户端连接服务器的权限。 EMQ X 的认证支持包括两个层面&#xff1a; MQTT 协议本身在 CONNECT 报文中指定用户名和密码&#xff0c;EMQ X 以插件形式支持基于 Username、 ClientI…...

编程日记 2023/8/31 3:21:01

java八股文面试[JVM]——JVM内存结构2

知识来源&#xff1a; 【2023年面试】JVM内存模型如何分配的_哔哩哔哩_bilibili...

编程日记 2023/8/31 3:19:59

《C和指针》笔记14: 作用域和存储类型总结（例子说明）

文章目录 题目答案解释总结 本文是作用域和存储类型的总结&#xff0c;以一个例子来说明&#xff0c;如果不看解释可以很直接地回答每一条语句的作用域和存储类型&#xff0c;那么说明已经很熟练地掌握这个知识点了。 关于作用域和存储类型可以参考我前面的博客&#xff1a; …...

编程日记 2023/8/31 3:18:53

Linux之系统操作参数详解

Linux之系统操作参数详解 date //显示当前日期 日期格式化 %Y year年 %y 年份(以00-99来表示) %j 该年中的第几天 %m month月 (01…12) %w 该周的天数&#xff0c;0代表周日&#xff0c;1代表周一 %D 日期(含年月日) %d day of month (e.g., 01) %T 时间(含时分秒&#xff0…...

编程日记 2023/8/31 3:17:50

datax 使用

环境准备 List itemLinuxJDK(1.8以上&#xff0c;推荐1.8)Python(2或3都可以)Apache Maven 3.x (Compile DataX) 下载 wget https://datax-opensource.oss-cn-hangzhou.aliyuncs.com/202308/datax.tar.gz建立datax 用户 useradd datax ; echo "datax" | passwd -…...

编程日记 2023/8/31 3:16:49

【C/C++】#define宏替换高级用法

创作不易&#xff0c;本篇文章如果帮助到了你&#xff0c;还请点赞 关注支持一下♡>&#x16966;<)!! 主页专栏有更多知识&#xff0c;如有疑问欢迎大家指正讨论&#xff0c;共同进步&#xff01; &#x1f525;c系列专栏&#xff1a;C/C零基础到精通 &#x1f525; 给大…...

编程日记 2023/8/31 3:15:44

Android 之 传感器专题 (4) —— 其他传感器了解

本节引言&#xff1a; 在上一节的结尾说了&#xff0c;传感器部分因为笔者没怎么玩过&#xff0c;本节就简单的把剩下的几个常用的 传感器介绍一遍&#xff0c;当作科普&#xff0c;以后用到再慢慢研究~ 1.磁场传感器(Magnetic field sensor) 作用&#xff1a;该传感器主要用…...

编程日记 2023/8/31 3:14:38

【高级搜索】双向广搜，A*,IDDFS，IDA *算法总结 (terse版）

一、双向广搜 ​ 双向广搜就是从起点和终点同时往中间搜的一个算法。 ​ 注意事项&#xff1a; ​ 在搜索过程中&#xff0c;同一层次下的顺序应该为&#xff1a;搜完一边所有的当前深度的子节点&#xff0c;在搜索另一边。 ​ 队列使用 ​ &#xff08;1&#xff09;合用…...

编程日记 2023/8/31 3:13:36

CATIA Composer R2023安装教程

软件下载 软件&#xff1a;CATIA Composer版本&#xff1a;2023语言&#xff1a;简体中文大小&#xff1a;1.82G安装环境&#xff1a;Win11/Win10/Win8/Win7硬件要求&#xff1a;CPU2.60GHz 内存8G(或更高&#xff09;下载通道①百度网盘丨64位下载链接&#xff1a;https://pa…...

编程日记 2023/8/31 3:12:33

git,修改远程分支名称

获取所有远程分支 git branch -r删除远程指定分支 git push --delete origin 测试添加新页面提交新命名本地分支 git push origin 新分支本地分支和远程分支关联 git branch --set-upstream-to origin/远程分支...

编程日记 2023/8/31 3:11:31

信息系统项目管理师（第四版）教材精读思维导图-第六章项目管理理论

请参阅我的另一篇文章&#xff0c;综合介绍软考高项&#xff1a; 信息系统项目管理师&#xff08;软考高项&#xff09;备考总结_计算机技术与软件专业技术_铭记北宸的博客-CSDN博客 本章思维导图PDF格式 本章思维导图XMind源文件 目录 6.1 PMBOK的发展 6.2 项目基本要素 6.3…...

编程日记 2023/8/31 3:10:30

[Android]JNI的基础知识

目录 1.什么是JNI 2.配置JNI开发环境NDK 3.创建Native C类型的项目 4. 了解CMakeLists.txt 文件 5.了解native-lib.cpp 文件 6.在 Android 的 MainActivity 中调用 native-lib.cpp 中实现的本地方法 1.什么是JNI JNI&#xff08;Java Native Interface&#xff09;是一…...

编程日记 2023/8/31 3:09:28

力扣-哈希-字母异位词分组

题目 给你一个字符串数组&#xff0c;请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表。 字母异位词 是由重新排列源单词的所有字母得到的一个新单词。 示例 1: 输入: strs ["eat", "tea", "tan", "ate", "nat&q…...

编程日记 2023/8/31 3:08:26

excel 分组排序

excel中会遇到对不同分组数据进行排序&#xff0c;比如对于不同班级里的学生按照分数高低进行升序排序&#xff0c;可以采用如下公式 SUMPRODUCT((A$2:A$12A2)*(C$2:C$12>C2))1 如果需要 进行降序排序&#xff0c;将公式中的大于号替换为小于号即可...

编程日记 2023/8/31 3:07:23

vue三级市区联动

默认返回值格式&#xff1a;all:code、name都返回 name:只返回name code:只返回code&#xff0c;level&#xff1a;可设置显示层级 1&#xff1a; 省 2&#xff1a; 省、市 3&#xff1a; 省、市、区 v-model 默认值 可以是 name: [ "天津市", "天津市",…...

编程日记 2023/8/31 3:06:21

C++ 组合类

所谓组合类便是一个类中含有其他类的对象: #include <iostream> #include <string.h> using namespace std;class dog { public:dog() {}dog(const char *n, int age, const char *v) : age(age){strcpy(this->name, n);strcpy(this->var, v);}// 显示这条狗…...

编程日记 2023/8/31 3:05:19

HTML 语义化

目录 HTML 语义化HTML5 新特性HTML 语义化的好处语义化标签的使用场景最佳实践 HTML 语义化 HTML5 新特性 标准答案&#xff1a; 语义化标签&#xff1a; <header>&#xff1a;页头<nav>&#xff1a;导航<main>&#xff1a;主要内容<article>&#x…...

编程新知 2025/7/5 22:28:03

树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频

使用rpicam-app通过网络流式传输视频 使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素 文章来源&#xff1a; http://raspberry.dns8844.cn/documentation 原文网址 使用 rpicam-app 通过网络流式传输视频 本节介绍来自 rpica…...

编程新知 2025/6/15 22:22:18

React第五十七节 Router中RouterProvider使用详解及注意事项

前言 在 React Router v6.4 中&#xff0c;RouterProvider 是一个核心组件&#xff0c;用于提供基于数据路由&#xff08;data routers&#xff09;的新型路由方案。 它替代了传统的 <BrowserRouter>&#xff0c;支持更强大的数据加载和操作功能&#xff08;如 loader 和…...

编程新知 2025/7/4 13:58:19

现代密码学 | 椭圆曲线密码学—附py代码

Elliptic Curve Cryptography 椭圆曲线密码学&#xff08;ECC&#xff09;是一种基于有限域上椭圆曲线数学特性的公钥加密技术。其核心原理涉及椭圆曲线的代数性质、离散对数问题以及有限域上的运算。 椭圆曲线密码学是多种数字签名算法的基础&#xff0c;例如椭圆曲线数字签…...

编程新知 2025/7/4 11:08:11

Spring Boot+Neo4j知识图谱实战：3步搭建智能关系网络！

一、引言 在数据驱动的背景下&#xff0c;知识图谱凭借其高效的信息组织能力&#xff0c;正逐步成为各行业应用的关键技术。本文聚焦 Spring Boot与Neo4j图数据库的技术结合&#xff0c;探讨知识图谱开发的实现细节&#xff0c;帮助读者掌握该技术栈在实际项目中的落地方法。 …...

编程新知 2025/6/21 5:44:18

关键领域软件测试的突围之路：如何破解安全与效率的平衡难题

在数字化浪潮席卷全球的今天&#xff0c;软件系统已成为国家关键领域的核心战斗力。不同于普通商业软件&#xff0c;这些承载着国家安全使命的软件系统面临着前所未有的质量挑战——如何在确保绝对安全的前提下&#xff0c;实现高效测试与快速迭代&#xff1f;这一命题正考验着…...

编程新知 2025/7/6 10:43:18

云原生玩法三问：构建自定义开发环境

云原生玩法三问&#xff1a;构建自定义开发环境 引言 临时运维一个古董项目&#xff0c;无文档&#xff0c;无环境&#xff0c;无交接人&#xff0c;俗称三无。 运行设备的环境老&#xff0c;本地环境版本高&#xff0c;ssh不过去。正好最近对 腾讯出品的云原生 cnb 感兴趣&…...

编程新知 2025/7/5 14:50:18

GO协程(Goroutine)问题总结

在使用Go语言来编写代码时&#xff0c;遇到的一些问题总结一下 [参考文档]&#xff1a;https://www.topgoer.com/%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/goroutine.html 1. main()函数默认的Goroutine 场景再现&#xff1a; 今天在看到这个教程的时候&#xff0c;在自己的电…...

编程新知 2025/7/5 1:18:12

Python 高效图像帧提取与视频编码：实战指南

Python 高效图像帧提取与视频编码：实战指南 在音视频处理领域，图像帧提取与视频编码是基础但极具挑战性的任务。Python 结合强大的第三方库（如 OpenCV、FFmpeg、PyAV），可以高效处理视频流，实现快速帧提取、压缩编码等关键功能。本文将深入介绍如何优化这些流程，提高处理…...

编程新知 2025/6/16 17:50:54

ubuntu22.04有线网络无法连接，图标也没了

今天突然无法有线网络无法连接任何设备&#xff0c;并且图标都没了 错误案例 往上一顿搜索&#xff0c;试了很多博客都不行&#xff0c;比如 Ubuntu22.04右上角网络图标消失 最后解决的办法 下载网卡驱动&#xff0c;重新安装 操作步骤 查看自己网卡的型号 lspci | gre…...

编程新知 2025/7/6 8:47:21