javaScript交互补充3（JSON数据）
3.1、JSON
（1）、定义：
JSON数据格式 JavaScript Object Notation缩写 即 js对象表示法
由于JS中的对象只有JS自己认识，其他的语言都不认识，所以引入了JSON，JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，
并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互，是一种轻量级的数据交换格式
（2）、特点：
1、易于程序员阅读和编写。
2、易于计算机解析和生成。
3、其实是javascript的子集：原生javascript支持JSON
（3）、作用：
json是一种与语言无关的数据交换的格式，
1、使用ajax进行前后台数据交换
2、移动端与服务端的数据交换
（4）、JSON的语法规则：
JSON的语法规则十分简单，可称得上“优雅完美”，总结起来有：
JSON有两种结构：
1、对象格式：{“key1”：obj1, “key2”:obj2, “key3”:obj3…}
2、数组/集合格式: [obj1,obj2,obj3…]
JSON中允许的值：字符串，数值，布尔值，null，对象，数组，
JSON和JS对象的格式一样，只不过JSON字符串中的属性名必须加双引号，其他的和JS语法一致
规则如下:
1）映射用冒号（“：”）表示。名称:值
2）并列的数据之间用逗号（“，”）分隔。名称1:值1,名称2:值2
3） 映射的集合（对象）用大括号（“{}”）表示。{名称1:值1,名称2:值2}
4） 并列数据的集合（数组）用方括号(“[]”)表示。
（5）、JSON的方法
将JSON字符串转换为JS中的对象，在JS中，为我们提供了一个工具类，就叫JSON ，这个对象可以帮助我们将一个JSON转换为JS对象，也可以将一个JS对象转换为JSON
JSON.parse()
可以将以JSON字符串===》js对象
它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回
var json = '{"name":"孙悟空","age":18,"gender":"男"}';
var o = JSON.parse(json);
console.log(o); //{name: '孙悟空', age: 18, gender: '男'}
console.log(o.gender); //男JSON.stringify()
可以将一个JS对象===》JSON字符串
需要一个js对象作为参数，会返回一个JSON字符串
var obj3 = { name: "猪八戒", age: 28, gender: "男" };
obj3 = JSON.stringify(obj3);
console.log(obj3); //{"name":"猪八戒","age":28,"gender":"男"}3.2、XML
3.2.1 什么是xml
eXtensible Markup Language，可扩展标记型语言
（1）标记型语言：html是标记型语言，都是使用标签进行操作。
xml里面的操作也是使用标签进行操作。
（2）可扩展：html里面的标签，每个标签有自己特定的含义，
比如<br/> <hr/>
在xml中标签自己定义的，比如 <aa> <猫>
（3）xml的主要的功能是存储数据（不是显示数据）
3.2.2 xml的应用在三个地方
第一，xml用于作为系统之间传输数据的格式
第二，xml用于表示生活中有关系的数据，数据的存储。
第三，xml经常使用在系统的配置文件
第四，android 手机应用程序开发，页面的内容展示，都是xml
3.3、JSON与XML比较
JSON常备拿来与XML做比较，因为JSON的诞生本来就或多或少要有取代XML的意思。
相比XML，JSON的优势如下：
1、没有结束标签，长度更短，读写更快。
2、能够直接被JavaScript解析器解析。
3、可以使用数组。
JSON:
{
“id” : 12,
“name” : “gao”,
“age” : 30,
“gender” : “男”,
“interests” : [“篮球”, “爬山”, “旅游”]
}
XML：
<root>
<id>12</id>
<name>gao</name>
<age>30</age>
<gender>男</gender>
<interest>篮球</interest>
<interest>爬山</interest>
<interest>旅游</interest>
</root>JSON可以直接使用数组，但是XML没有直接定义数组，
如果数组很长，我们的代码中就要添加大量的没有实际意义的开始和结束标签，这对于网络传输是不利的。
XML主要是用在配置文件。
原文地址：https://blog.csdn.net/qq_60060362/article/details/143812465
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！