JSON 比 XML 更小、更快，更易解析。
为什么使用 JSON？
对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用：
JSON 语法规则
JSON 语法是 JavaScript 对象表示法语法的子集。
JSON 名称/值对
JSON 数据的书写格式是：名称/值对。
名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值：
"name" : "wq"。
JSON 值
JSON 值可以是：
JSON 数字
JSON 数字可以是整型或者浮点型：
{ "age":30 }
JSON 对象
JSON 对象在大括号（{}）中书写：
对象可以包含多个名称/值对：
{ "name":"菜鸟教程" , "url":"" }
这一点也容易理解，与这条 JavaScript 语句等价：
name = "菜鸟教程" url = ""
JSON 数组
JSON 数组在中括号中书写：
数组可包含多个对象：
{ "sites": [ { "name":"菜鸟教程" , "url":"" }, { "name":"google" , "url":"" }, { "name":"微博" , "url":"" } ] }
在上面的例子中，对象 "sites" 是包含三个对象的数组。每个对象代表一条关于某个网站（name、url）的记录。
JSON 布尔值
JSON 布尔值可以是 true 或者 false：
{ "flag":true }
JSON null
JSON 可以设置 null 值：
{ "runoob":null }
JSON.parse()
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
JSON.parse(text[, reviver])
参数说明：
JSON.stringify()
JSON 通常用于与服务端交换数据。
在向服务器发送数据时一般是字符串。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
语法
JSON.stringify(value[, replacer[, space]])
参数说明：
必需， 一个有效的 JSON 字符串。
可选。用于转换结果的函数或数组。
如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如：\t。
注意：
JSON是数据交互中，最常用的一种数据格式。
*
* 由于各种语言的语法都不相同，在传递数据时，可以将自己语言中数组、对象等转化为JSON字符串。传递之后，可以将JSON
* 字符串，再解析为JSON对象；
*
* JSON对象的用户与JS中的对象基本相同，唯一区别的是：JSON中的键必须是字符串；
WEB存储
HTML5新增web存储方式，主要有两种：
客户端存储数据的两个对象为：
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
两个对象在使用方式没有任何区别，唯一的区别是存储的数据的有效时间；
①localStorage ：除非手动删除，否则数据将一直保存在本地文件；
②sessionStorage：当浏览器关闭时，sessionStorage就被清空；
[Storage的数据存储]
1、Storage 可以像普通对象一样，使用.追加或者读取最新的数据。
eg：localStorage.username = "zhangsan";
2、常用的函数：
保存数据：localStorage.setItem(key,value); 读取数据：localStorage.getItem(key); 删除单个数据：localStorage.removeItem(key); 删除所有数据：localStorage.clear(); 得到某个索引的key：localStorage.key(index);在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
localStorage的优势
1、localStorage拓展了cookie的4K限制
2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的
localStorage的局限
1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性
2、目前所有的浏览器中都会把localStorage的值类型限定为string类型，这个在对我们日常比较常见的JSON对象类型需要一些转换
3、localStorage在浏览器的隐私模式下面是不可读取的
4、localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间，会导致页面变卡
5、localStorage不能被爬虫抓取到
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空
这里我们以localStorage来分析
三、localStorage的使用
相关文章
精彩导读
热门资讯
关注我们
