indexedDB是存储大量结构化数据的API,demo中用到的是异步API,麻烦的就是所有对indexedDB的操作都会发生一个异步的‘请求’,只要熟悉了API操作起来也很简单。
大体流程是这样
1.打开数据库
- var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB;
- if ('webkitIndexedDB' in window) { window.IDBTransaction = window.webkitIDBTransaction;
- window.IDBKeyRange = window.webkitIDBKeyRange; }
- //这个就不解释了
- var request = indexedDB.open("adsageIDB"); //open : indexedDB只有这一个方法 打开(数据库名) request.onsuccess = function(e) { //异步
- var v = "1.00"; var db = e.target.result;
- if (v!= db.version) {
- var setVrequest = db.setVersion(v); setVrequest.onsuccess = function(e) { //异步
- if(db.objectStoreNames.contains("todo")) { db.deleteObjectStore("todo");
- } var store = db.createObjectStore("todo", {keyPath: "adsid"});//onsuccess 后创建ObjectStore 暂时用到两个参数,数据库&&主键
- } }
- }
这样就 创建/连接 了一个数据库
2.创建交互对象 && 监听dom事件 && 处理数据
然后就是要操作数据库了









