HTML5 高级程序设计——HTML5 存储

JSON格式

avaScript Object Notation 格式是一种数据交换的文本格式。

一、JSON格式有两个显著的优点，书写简单一目了然符合JavaScript的原生语法，可以由解释引擎直接处理，不用另外添加解析代码 ；

二、 JSON格式规则

每个json对值有严格规定：

1.复合类型的值只能是数组或对象，不能是函数，正则表达示对象或日期对象。

2.原始类型的值只有4种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN、infinity、undefined 和-Infinity）。

3.字符串必须以双引号表示，不能使用单引号。

4.对象的键名必须放在双引号里面。

5.数组或对象最后一个成员的后面不能加逗号。

三、JSON对象

JSON对象是JavaScript的原生对象，用来处理JSON格式数据。他有两个静态方法

JSON.stringify()方法：

JSON.stringify(JavaScript对象或数组);//JavaScript转换成字符串格式；

和JSON.parse()方法：

定义json字符串的方法 var strSports ='{"title":"adad","title":"adad","title":"adad"}'

JSON.parse(JSON格式字符串);//把字符串转换成JavaScript

注：因为是JavaScript的原生对象，所以此处必须大写。

jS中创建对象有两种：var obj = {}；  var Object = new Object();

web存储

html5存储基础分两种sessionStorage(会话存储)localStorage（本地存储）；（限制在5m以下）logStorage在2.5到10mb之间（各家浏览器不同）

localStorage和localStorage的区分：

操作代码完全相同，区分仅在于数据的寿命。

localStorage主要用来保存访客将来还能看到的数据。

sessionStorage保存从这个页面到下一个页面的数据。

window.sessionStorage 判断浏览器是否支持localStorage

window.localStorage 判断浏览器是否支持localStorage

 

 IndexedDB

通俗的来说就是浏览器提供的本地数据库 提供查找接口，还可建立索引（不属于关系数据库不支持SQL查询语句），接近NoSQL

(1)键值对存储

(2)异步

(3)支持事务

(4)同源限制（只能访问自身域名下的数据库不能跨域）

(5)存储空间大 一般不少于250M甚至没有上限

(6)支持二进制存储

if（window.indexedDB）判断浏览器是否支持

indexedDB.Open("数据库名称",1)1代表版本

创建person对象库

db.objectStoreNames.contains("person")判断对象仓库是否存在



var objectStore= db.createObjectStore("person",{

    (仓库的主键)keyPath:"id",

(自增列)autoincrement:true

})



objectStore.CreateIndex("name","name",{

unique:false (唯一索引)

})//-索引名字-索引在哪个字段-通过对象配置