js Web存储方式
Posted Mr.TongYu、
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js Web存储方式相关的知识，希望对你有一定的参考价值。
JSON是数据交互中最常用的一种数据格式。
由于各种语言的语法都不同，在传递数据时，可以将自己语言中的数组、对象等转换为JSON字符串》
传递之后，可以讲JSON字符串，在解析为JSON对象。
JSON 对象的用法与js中的对象基本相同，唯一需要区别的是，JSON中的键，必须是字符串。
JSON 名称/值对
JSON 数据的书写格式是：名称/值对。
eg： "name" : "1111"
JSON 值
JSON 值可以是：
● 数字（整数或浮点数）
● 字符串（在双引号中）
● 逻辑值（true 或 false）
● 数组（在中括号中）
● 对象（在大括号中）
● null
JSON 数字
JSON 数字可以是整型或者浮点型：
{ "age":30 }
JSON 对象
JSON 对象在大括号（{}）中书写：
对象可以包含多个 key/value（键/值）对。
key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。
key 和 value 中使用冒号(:)分割。
每个 key/value 对使用逗号(,)分割。
{ "name":"1111" , "url":"www.runoob.com" }
访问对象值
可以使用点号 . 来访问对象的值：
实例
var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;
也可以使用中括号 [] 来访问对象的值：
实例
var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj["name"];
JSON 数组
JSON 数组在中括号中书写：
数组可包含多个对象：
{
"sites": [
{ "name":"1111" , "url":"www.runoob.com" },
{ "name":"google" , "url":"www.google.com" },
{ "name":"微博" , "url":"www.weibo.com" }
]
}
JSON 布尔值
JSON 布尔值可以是 true 或者 false：
{ "flag":true }
JSON null
JSON 可以设置 null 值：
{ "runoob":null }
JSON.parse()
JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是字符串。
可以使用 JSON.parse() 方法将数据转换为 javascript 对象。
语法
JSON.parse(text[, reviver])
参数说明：
● text:必需， 一个有效的 JSON 字符串。
● reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
例如从服务器接收了以下数据：
{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }
我们使用 JSON.parse() 方法处理以上数据，将其转换为 JavaScript 对象：
var obj = JSON.parse(‘{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }‘);
JSON.stringify()
JSON 通常用于与服务端交换数据。
在向服务器发送数据时一般是字符串。
可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
语法
JSON.stringify(value[, replacer[, space]])
例如我们向服务器发送以下数据：
var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
使用 JSON.stringify() 方法处理以上数据，将其转换为字符串：
var myJSON = JSON.stringify(obj);
myJSON 为字符串。
可以将 myJSON 发送到服务器：
html5新增Web存储方式，主要有两种：
localStorage和sessionStorage，两个对象在使用方式没有任何区别，唯一的不同点是存储数据的有效时间
① localStorage：除非手动删除，否则数据将一直保存在本地文件。
② sessionStorage：浏览器关闭时，sessinStorage就被清空。
[Storage的数据存储]
1、Storage可以像普通对象一样，使用.追加或者读取最新的数据。
eg：localStorage = "张三";
2、常用的函数
保存数据：localStorage.setItem(key,value);
读取数据：localStorage.getItem(key);
删除单个数据：localStorage.removeItem(key);
删除所有数据：localStorage.clear();
得到某个索引的key：localStorage.key(index);
//检测浏览器是否支持
if(typeof(Storage)!=="undefined"){
alert("支持");
}else{
alert("浏览器不支持HTML5存储");
}
以上是关于js Web存储方式的主要内容，如果未能解决你的问题，请参考以下文章