JSON数据格式

谁借莪１个温暖的怀抱￠ 2024-03-27 10:49 85阅读 0赞

## 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)

发表评论取消回复

表情：

评论列表（有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

相关 JSON数据格式

JSON JSON的英语全称是：JavaScript Object Notation(JavaScript 对象表示法) 作用主要用于前后端之间的数据传输

谁借莪１个温暖的怀抱￠/ 2024年03月27日 10:49/ 0 赞/ 86 阅读

相关 json数据格式(json数据格式示例)

net怎么写一个返回数据为json的接口要求：返回数据格式为js 那只能自己拼接JSON，或者用第三方JSON处理插件处理成JSON，然后放到response里面去了

谁践踏了优雅/ 2023年09月26日 14:54/ 0 赞/ 82 阅读

相关 json文件数据格式

json数据文件的数据格式可以用下边两种方式写： 1.在只有一类数据的情况情况下f.json文件： \[ \{"name":"致美丽的你----红玫

你的名字/ 2022年09月26日 02:56/ 0 赞/ 263 阅读

相关 JSON数据格式介绍

JSON定义 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。它基于E

深碍√TFBOYSˉ_/ 2022年08月05日 05:29/ 0 赞/ 239 阅读

相关 JSON数据格式

> 前言作为一个前端需要掌握一种数据格式：json数据格式。在和服务器交互时，服务器会返回一组json数据，前端需要处理这组数据，并选择性地将所需数据呈现在客户端。在jso

浅浅的花香味﹌/ 2022年07月29日 09:24/ 0 赞/ 263 阅读

相关 Json数据格式

JSON的格式: 1,对象: \{name:"Peggy",email:"peggy@gmail.com",homepage:"http://www.peggy.com"\

桃扇骨/ 2022年07月26日 02:00/ 0 赞/ 297 阅读

相关 JSON 数据格式

[JSON 数据格式][JSON] JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言

缺乏、安全感/ 2022年06月16日 07:26/ 0 赞/ 290 阅读

相关 JSON数据格式

JSON数据格式【1】json简介 > JSON全称 JavaScript Object Notation > 类似于JS中对象的创建的方法 > JSON

た入场券/ 2022年06月09日 03:47/ 0 赞/ 339 阅读

相关 JSON 数据格式

原文地址：[http://www.cnblogs.com/SkySoot/archive/2012/04/17/2453010.html][http_www.cnblogs.c

灰太狼/ 2022年06月06日 04:36/ 0 赞/ 321 阅读

相关了解JSON数据格式

> 一、JSON的基本概念加粗样式\\JSON:JavaScript的对象表示法 JSON是存储和交换文本信息的语法，类似于XM。它采用键值对的方式来组织，

矫情吗；*/ 2022年01月14日 14:21/ 0 赞/ 426 阅读