5.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对象并返回
JSON.stringify()
可以将一个JS对象===》JSON字符串
需要一个js对象作为参数，会返回一个JSON字符串
5.3.2、XML
5.3.2.1 什么是xml
eXtensible Markup Language，可扩展标记型语言
（1）标记型语言：html是标记型语言，都是使用标签进行操作。
xml里面的操作也是使用标签进行操作。
（2）可扩展：html里面的标签，每个标签有自己特定的含义，
比如<br/> <hr/>
在xml中标签自己定义的，比如 <aa> <猫>
（3）xml的主要的功能是存储数据（不是显示数据）
5.3.2.2 xml的应用在三个地方
第一，xml用于作为系统之间传输数据的格式
第二，xml用于表示生活中有关系的数据，数据的存储。
第三，xml经常使用在系统的配置文件
第四，android 手机应用程序开发，页面的内容展示，都是xml
5.3.3、JSON与XML比较
JSON常备拿来与XML做比较，因为JSON的诞生本来就或多或少要有取代XML的意思。
相比XML，JSON的优势如下：
1、没有结束标签，长度更短，读写更快。
2、能够直接被JavaScript解析器解析。
3、可以使用数组。
JSON:
{
“id” : 12,
“name” : “gao”,
“age” : 30,
“gender” : “男”,
“interests” : [“篮球”, “爬山”, “旅游”]
}
XML：
JSON可以直接使用数组，但是XML没有直接定义数组，
如果数组很长，我们的代码中就要添加大量的没有实际意义的开始和结束标签，这对于网络传输是不利的。
XML主要是用在配置文件。
5.4、本地存储
localstorage、Sessionstorage是Web Storage，H5的本地存储机制。是本地存储，存储在客户端，以键/值对的形式存储的，通常以字符串存储。
是针对HTML4中 Cookie 存储机制的一个改善，由于Cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的 Web Storage 存储机制。
5.4.1、Cookie
（1）、定义
Cookie实际上是一小段的文本信息，是服务器发送到用户浏览器并保存在本地的一小块数据。
客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端会把Cookie保存起来。当浏览器下次向同一服务器再发起请求时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。
（2）、作用
保存用户登录状态
跟踪用户行为
定制页面
创建购物车：使用cookie来记录用户需要购买的商品，再结帐的时候可以统一提交。(淘宝网就是使用cookie记录了用户曾经浏览过的商品，方便随时进行比较)
5.4.2、window.sessionStorage
●生命周期为关闭浏览器窗口
●在同一个窗口（页面）下数据可以共享
●存储空间相对较小
●以键值对的形式存储使用
sessionStorage.setItem(key,value); //存储数据
sessionStorage.getItem(key);//获取数据
sessionStorage.removeItem(key);//删除数据
sessionStorage.clear();//清除数据
5.4.3、window.localStorage
●生命周期永久生效，除非手动删除，否则关闭页面也会存在
●可以多窗口（页面）共享（同一个浏览器可以共享）
●存储空间较大
●以健值对的形式存储使用
localStorage.setItem(key,value); //存储数据
localStorage.getItem(key);//获取数据
localStorage.removeItem(key);//删除数据
localStorage.clear();//清除数据
5.4.4、记住用户名案例
如果勾选记住用户名，下次用户打开浏览器，就在文本框里自动显示上次登录的用户名