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对象并返回

javascript 复制代码

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字符串

javascript 复制代码

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：

javascript 复制代码

<root>
    <id>12</id>
    <name>gao</name>
    <age>30</age>
    <gender>男</gender>
    <interest>篮球</interest>
    <interest>爬山</interest>
    <interest>旅游</interest>
</root>

JSON可以直接使用数组，但是XML没有直接定义数组，

如果数组很长，我们的代码中就要添加大量的没有实际意义的开始和结束标签，这对于网络传输是不利的。

XML主要是用在配置文件。