JSON数据格式

JSON

JSON的英语全称是：JavaScript Object Notation(JavaScript 对象表示法)

作用

主要用于前后端之间的数据传输

和xml比较

JSON 与 XML 的相同之处：

• JSON 和 XML 数据都是 “自我描述” ，都易于理解。
• JSON 和 XML 数据都是有层次的结构
• JSON 和 XML 数据可以被大多数编程语言使用

JSON 与 XML 的不同之处：

• JSON 不需要结束标签
• JSON 更加简短
• JSON 读写速度更快
• JSON 可以使用数组

最大的不同是：XML 需要使用 XML 解析器来解析，JSON 可以使用标准的 JavaScript 函数来解析。

• JSON.parse(): 将一个 JSON 字符串转换为 JavaScript 对象。
• JSON.stringify(): 将 JavaScript 值转换为 JSON 字符串。

为什么 JSON 比 XML 更好？

• XML 比 JSON 更难解析。

• JSON 可以直接使用现有的 JavaScript 对象解析。

• 针对 AJAX 应用，JSON 比 XML 数据加载更快，而且更简单：

使用 XML
获取 XML 文档
使用 XML DOM 迭代循环文档
接数据解析出来复制给变量

使用 JSON
获取 JSON 字符串
JSON.Parse 解析 JSON 字符串

格式

JSON 数据的书写格式是：

key : value
名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：
"name" : "张三"

value的值可以是

• 数字（整数或浮点数）
• 字符串（在双引号中）
• 逻辑值（true 或 false）
• 数组（在中括号中）
• 对象（在大括号中）
• null

调用

利用JSON.parse或者eval函数，把字符串转换为js对象，调用
eg.eval函数（不建议使用，建议使用JSON.parse）

var objStr='{"name":"张三"}'
var obj = eval ("(" + objStr + ")");
console.log(obj.name);

参考资料
https://www.cnblogs.com/lovesong/p/6036650.html

转换

JSON.parse()

将数据转换为 JavaScript 对象。

var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');
//解析前要确保你的数据是标准的 JSON 格式，否则会解析出错。

axios会把后端返回的数据准换为js对象，封装在response.data中
参考资料：
https://www.axios-http.cn/docs/res_schema

JSON.stringify()

JavaScript 对象转换为字符串。

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
var objStr = JSON.stringify(obj);//objStr为字符串

例如axios默认会把传送的数据对象转换成json字符串，并把Content-Type设为：application/json

springboot的@ResponseBody也会把返回对象自动转换成json字符串,@RequestBody会把前端传来的json字符串转换成对应的类
参考资料：https://blog.csdn.net/qq_27706119/article/details/104852054

注意事项

后端

Date的json格式问题
可以使用@JSONFormat注解 （ps.也可以在前端格式处理）
参考资料

• https://blog.csdn.net/Mrs_chens/article/details/90750433（单独配置）
• https://blog.csdn.net/qq_44717317/article/details/104441519(全局配置）
• https://zhuanlan.zhihu.com/p/60170376（java8的localTime)