IndexDB 初级教程.docxVIP

IndexDB 初级教程IndexedDB是用于客户端的大量的结构化数据存储和使用索引高效率有哪些信誉好的足球投注网站数据的API，它是基于W3C拟定的草案索引数据库的API。相对DOM存储的小存储数据量，IndexedDB具有大容量的数据存储功能，它分别为同步数据和异步数据提供的API，但目前只有异步数据的API在Gecko2.0 上实现。概述IndexedDB存储为键值对：它可以存储一些复杂的对象，而键可以存储这些对像的属性值，并且可以使用索引对对象的属性的快速检索。IndexedDB建立在交互数据库模型的基础上：任何对IndexedDB的操作都发生一个交互操作（transaction），如它提供的索引、表、游标等均与一个transaction关联，它定义了交互的生存时间与结束时抛出的事件，这样能很好的处理web程序在不同的tab窗口中实例的互操作。IndexedDB的API大多是异步的：你可以向数据库发出操作的“请求”，当操作完成时会产生一个DOM事件，通过事件的类型会知道操作是否成功。IndexedDB使用“请求”机制：操作对象会接收到DOM的success和failure事件，它也有相应的onsuccess和onerror的属性；对象还有readyState、result和errorCode属性来查看当前“请求”的状态，而result属性则根据不同的“请求”返回不同的结果。IndexedDB 使用DOM事件机制来处理“请求”的结果：DOM事件的type属性提示操作是否成功，target属性指向发生“请求”的对象（大多数情况下是IDBRequest对象）。IndexedDB工作基本模式：创建一个交互操作对象发送操作“请求”通过监听DOM事件等待操作完成处理“请求”结果打开数据库IndexedDB的操作对象是以moz开头，如我们打开一个数据库如下： Var request = mozIndexedDB.open(MyTestDatabase);mozIndexedDB对象只有一个open方法，它的参数即为数据库的名称，它返回一个IDBRequest对象。接下来要做的就是为request添加onsuccess和onerror事件的处理，它们分别在返回的DOM事件的type为success和error时调用， request.onerror = function(event) { // Do something with request.errorCode!};request.onsuccess = function(event) { // Do something with request.result!};IndexedDB采用最小化的错误事件处理，你不会看到很多类型的错误，它只提供一个错误的事件，可以通过event.target.errorCode来查看错误的信息，通常大多的错误都是用户不允许web操作本地的数据库，远程web所拥有的权限问题。设置数据库的version当创建数据库之后，需要添加数据，IndexedDB采用对象存储。首先要检查数据库的版本，若不是所期望的值，就要调用setVerion()方法来设置它的版本，如：if (db.version != 1.0) { var request = db.setVersion(1.0); request.onerror = function(event) { // Handle errors. }; request.onsuccess = function(event) { // Set up the database structure here! };}IndexedDB存储的每一个对象均与一个key 关联，关于key 的获取方法参见（）。同时我们还可以为对你的存储创建一个Index来查看存储对象部分属性值，如存储人的信息的数据库，我们希望保证不同的人拥有不同的email，就可以使用index和unique flag来设置，如：// This is what our customer data looks like.const customerData = [ { ssn: 444-44-4444, name: Bill, age: 35, email: bill@ }, { ssn: 555-55-5555, name: Donna, age: 32, email: donna@ }];var request = db.setVersion(1.0);request.onerror = function(event) { // Handle errors.};request.onsuccess = function(event) { // Create an objectStore