[Javaweb]JSON

最新推荐文章于 2023-04-03 16:21:29 发布

程序员版鸨哥

最新推荐文章于 2023-04-03 16:21:29 发布

阅读量423

点赞数

分类专栏： java 程序员编程文章标签： javascript json 前端

本文链接：https://blog.csdn.net/CR2567001684/article/details/126068781

版权

本文介绍了JSON的概述，对比了JSON与XML的区别，强调了JSON在数据交换中的优势。详细阐述了JSON的基础语法，并展示了如何在前端使用JSON与JS对象相互转换，通过Axios发送JSON数据。同时，讲解了后端如何使用Fastjson进行JSON数据和Java对象的转换，包括将JSON字符串转为Java对象和反之的过程。

摘要由CSDN通过智能技术生成

文章目录

在前端实现JSON数据和JS对象的转换
使用Axios发送JSON数据
在后端实现JSON数据和Java对象转换

JSON概述

JSON: JavaScript Object Notation（JavaScript 对象标记法）。

JSON 是一种存储和交换数据的语法。
JSON 是一种轻量级的数据交换格式
JSON 是通过 JavaScript 对象标记法书写的文本。
JSON 使用 JavaScript 语法，但是 JSON 格式是纯文本的。
文本可被任何编程语言作为数据来读取和使用。
JSON 格式最初由 Douglas Crockford 提出。

如下是 JavaScript 对象的定义格式：

{
 
	name:"zhangsan",
	age:23,
	city:"北京"
}

接下来我们再看看 JSON 的格式：

{
 
	"name":"zhangsan",
	"age":23,
	"city":"北京"
}

通过上面 js 对象格式和 json 格式进行对比，发现两个格式特别像。只不过 js 对象中的属性名可以使用引号（可以是单引号，也可以是双引号）；而 json 格式中的键要求必须使用双引号括起来，这是 json 格式的规定。

交换数据

当数据在浏览器与服务器之间进行交换时，这些数据只能是文本。JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。

JSON vs XML

JSON 和 XML 均可用于从 web 服务器接收数据。

下面的 JSON 和 XML 实例都定义了雇员对象，包含了由 3 个雇员构成的数组：

JSON 实例：

{
 "employees":[
    {
  "firstName":"Bill", "lastName":"Gates" },
    {
  "firstName":"Steve", "lastName":"Jobs" },
    {
  "firstName":"Elon", "lastName":"Musk" }
]}

XML 实例：