SpringMVC(10) —— 什么是JSON
程序员文章站
2022-07-15 11:08:14
...
1.为什么要使用JSON
现在开发都是前后端分离
-
后端：部署服务器，向前端提供接口(注意，这个接口不是我们在Java中写的那个接口，在springMVC中，供前端调用的接口就是我们写的controller中的方法，因为前端只要按照对应的url就可以使用我们后端提供的服务了)，用于向前端返回数据
-
前端：独立部署，负责渲染后端返回的数据
-
那么怎么才能使得前后端的数据高效的进行交互？前端是不需要懂后端的数据结构的，所以你传递一个对象、集合…这些数据结构对于前端来说就增加了它们的学习成本，还要去学Java中的这些数据结构
-
所以前后端就约定了一种简单高效的数据格式，后端按照这个格式存储数据，前端按照这个格式取出数据即可，这样就实现了前后端数据的高效交互
-
我们最常用的前后端交互的数据格式就是JSON
2.什么是JSON
- JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛
- 采用完全独立于编程语言的文本格式来存储和表示数据(即它的格式不和任何编程语言挂钩，对于Java来说JSON格式的数据就是一个字符串)
- 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言
- 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率
在 JavaScript 语言中，一切都是对象。因此，任何JavaScript 支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。看看他的要求和语法格式：
- 对象的属性表示为键值对，数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
JSON 键值对是用来保存 JavaScript 对象的一种方式，和 JavaScript 对象的写法也大同小异，键/值对组合中的键名写在前面并用双引号 “” 包裹，使用冒号 : 分隔，然后紧接着值：
{"name": "QinJiang"}
{"age": "3"}
{"sex": "男"}
很多人搞不清楚 JSON 和 JavaScript 对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解：
-
JSON 是 JavaScript 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串
var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的 var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串
2.JSON 和 JavaScript 对象互转
- 要实现从JSON字符串转换为JavaScript 对象，使用 JSON.parse() 方法：
var obj = JSON.parse('{"a": "Hello", "b": "World"}');
//结果是 {a: 'Hello', b: 'World'}
- 要实现从JavaScript 对象转换为JSON字符串，使用 JSON.stringify() 方法：
var json = JSON.stringify({a: 'Hello', b: 'World'});
//结果是 '{"a": "Hello", "b": "World"}'
- 创建新model：SpringMVC-05-Json，并改为web项目
- 创建一个HTML文件测试JS对象和JSON数据格式的数据之间的转换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //JS对象 let user = { id:2, name:"张三", age:18 } console.log(user); //JS对象-->JSON对象 let json = JSON.stringify(user); console.log(json) //JSON对象解析为JS对象 let js = JSON.parse(json) console.log(js) </script> </head> <body> </body> </html>