indexedDB是浏览器端保存结构化数据的一种数据库,类似于mysql,oracle等数据库,但indexedDB使用对象存储数据,而不是用表。

indexedDB是全局的宿主对象,使用window.indexedDB即可调用。

要使用indexDB数据库,首先得打开它,使用open方法,可以给该方法指定数据库名与版本号,如该数据库存在则发送一个打开它的请求,如不存在则创建一个数据库并打开它的请求。该方法返回一个IDBRequest对象

var request = indexedDB.open('1yyg',1),
db = null;
request.onerror = function(e){
console.log(e);
};
request.onsuccess = function(e){
db = this.result;
}
request.onupgradeneeded=function(e){
db = this.result;
if(!db.objectStoreNames.contains('users')){
var usrObjStr = db.createObjectStore('users',{keyPath:'id',autoIncrement:!0});
users.forEach(function(ele,idx,arr){
usrObjStr.add(ele);
});
}
}

传递版本号时不能低于当前的版本号,否则报错;大于当前版本号时则会触发upgradeneeded事件。

删除数据库,使用deleteDatabase方法,该方法也是返回一个IDBRequest对象,监听该对象的error和success事件便可知道删除是否成功

var delRequest = window.indexedDB.deleteDatabase('1yyg');

    delRequest.onerror = function(e){
console.log('delete failure');
}; delRequest.onsuccess = function(e){
console.log('delete successfully');
};

IDBRequest对象有一个result属性,该属性保存着IDBDatabase对象的引用,有了该对象就可以对数据库进行CURD操作了。

1、创建存储空间出,类似于表的概念,,使用createObejctStore必须在versionchange transaction时使用:

var usrObjStr = db.createObjectStore('users',{keyPath:'id',autoIncrement:!0});
//使用createObjectStore创建存储空间时,需要指定一个keyPath,该值是空间中将要保存的对象的一个属性,而这个属性将作为
存储空间的键来使用。

2、检查某个存储空间是否存在

db.objectStoreNames.contains('users');
//使用objectStoreNames获取当前数据库的所有存储空间的名字

3、删除存储空间,使用deleteObejctStore必须在versionchange transaction时使用

request.onupgradeneeded=function(e){
db = this.result;
if(!db.objectStoreNames.contains('users')){
var usrObjStr = db.createObjectStore('users',{keyPath:'id',autoIncrement:!0});
users.forEach(function(ele,idx,arr){
usrObjStr.add(ele);
});
}
db.deleteObjectStore('users');
}

4、使用IDBObjectStore对象进行数据插入、查询、删除等操作,都是基于IDBDatabase对象的transaction来做的,首先得使用transaction方法得到IDBTransaction对象,接着使用该对象的obejctStore方法获取具体存储空间的IDBObjectStore对象,然后

就可以进行各种操作了。

查询数据,

var keyBound = IDBKeyRange.lowerBound(1,!0)
var transaction = db.transaction(['users'],'readwrite');
//transaction方法第一个参数是指定objectStoreName,可以使用数组指定多个,也可以直接使用字符串只指定一个,第二个参数是事务的模式,有 readonlyreadwrite等
var usrObjStr = transaction.objectStore('users');
//使用objectStore方法选中具体的存储空间
var resRequest = usrObjStr.get(keyBound);
resRequest.onsuccess = function(e){
console.log(resRequest.result);
}

添加数据,使用add和put方法,区别的是添加重复数据时,前者报错,后者重写

var resRequest = usrObjStr.add({name:'nihaoma',age:20});
resRequest.onsuccess = function(e){
console.log(resRequest.result);
}
resRequest.onerror = function(e){
console.log('fail');
}

删除数据,删除id大于1的所有数据

    var keyBound = IDBKeyRange.lowerBound(1,!0)
var transaction = db.transaction(['users'],'readwrite');
var usrObjStr = transaction.objectStore('users'); var resRequest = usrObjStr.delete(keyBound);
resRequest.onsuccess = function(e){
console.log('delete success');
}

删除所有数据可以使用clear方法

        var transaction = db.transaction(['users'],'readwrite');
var usrObjStr = transaction.objectStore('users'); var resRequest = usrObjStr.clear();
resRequest.onsuccess = function(e){
console.log(resRequest.result);
}

统计所有记录条数,使用count方法

var transaction = db.transaction(['users'],'readwrite');
var usrObjStr = transaction.objectStore('users'); var resRequest = usrObjStr.count();
resRequest.onsuccess = function(e){
console.log(resRequest.result);
}

使用游标查询,使用openCursor方法,

var transaction = db.transaction("name", "readonly");
var objectStore = transaction.objectStore("name");
var request = objectStore.openCursor();
request.onsuccess = function(event) {
var cursor = event.target.result;
if(cursor) {
console.log(cursor.value);
cursor.continue();
} else {
// no more results
}
};

Notes:indexedDB使用的更多相关文章

  1. ASP.NET Core 1.1.0 Release Notes

    ASP.NET Core 1.1.0 Release Notes We are pleased to announce the release of ASP.NET Core 1.1.0! Antif ...

  2. Android Weekly Notes Issue #237

    Android Weekly Issue #237 December 25th, 2016 Android Weekly Issue #237 这是本年的最后一篇issue, 感谢大家. 本期内容包括 ...

  3. Android Weekly Notes Issue #230

    Android Weekly Notes Issue #230 November 6th, 2016 Android Weekly Issue #230. Android Weekly笔记, 本期内容 ...

  4. Android Weekly Notes Issue #229

    Android Weekly Issue #229 October 30th, 2016 Android Weekly Issue #229 Android Weekly笔记, 本期内容包括: 性能库 ...

  5. Android Weekly Notes Issue #227

    Android Weekly Issue #227 October 16th, 2016 Android Weekly Issue #227. 本期内容包括: Google的Mobile Vision ...

  6. Android Weekly Notes Issue #221

    Android Weekly Issue #221 September 4th, 2016 Android Weekly Issue #221 ARTICLES & TUTORIALS And ...

  7. Android Weekly Notes Issue #219

    Android Weekly Issue #219 August 21st, 2016 Android Weekly Issue #219 ARTICLES & TUTORIALS Andro ...

  8. IndexedDB(本地存储)

    var students = [{ id: 1001, name: "Byron", age: 24 }, { id: 1002, name: "Frank", ...

  9. HTML5存储之 indexedDB

    IndexeDB是HTML5 重要的一部分,它是一种轻量级的NOSQL数据库.对创建具有丰富本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用. IndexedDB是为了能够在客户端存储 ...

随机推荐

  1. ejoy2d源码阅读笔记1

    一直想学lua,学它如何与C结合来作逻辑,所以找了云风的一份代码来研究.这份代码是个框架库,叫ejoy2d,据云风的博客说,他们最新的手机游戏用的就是这套框架,所以实用性应该很强,虽然我不是学游戏的, ...

  2. mas_makeConstraints && mas_remakeConstraints && mas_updateConstraints 用法与注意事项

    mas_makeConstraints && mas_remakeConstraints && mas_updateConstraints 用法与注意事项 字数400 ...

  3. elasticsearch常用的概念整理

    节点node 节点(node)是一个运行着的Elasticsearch实例 集群中一个节点会被选举为主节点(master),它将临时管理集群级别的一些变更,例如新建或删除索引.增加或移除节点等.主节点 ...

  4. spark - tasks is bigger than spark.driver.maxResultSize

    Error ERROR TaskSetManager: Total size of serialized results of 8113 tasks (1131.0 MB) is bigger tha ...

  5. 关于mysql ERROR 1045 (28000)错误的解决办法

    错误情景: 使用Navicat打开mysql的时候弹出错误框 错误代码: ERROR 1045 (28000): Access denied for user 'ODBC'@'localhost' ( ...

  6. Spring MVC注解的一些案列

    1.  spring MVC-annotation(注解)的配置文件ApplicationContext.xml <?xml version="1.0" encoding=& ...

  7. GiuHub 使用

    一 Mac 能不能连接安卓手机 1 USB数据线  设置 > 通用 > 开发人员选项 > USB调试 > 选择"相机PTP模式"  连接后,手机中的照片和视 ...

  8. ES6(五) 数组扩展

    Array.of方法用于将一组值,转换为数组.  Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES ...

  9. Raft 为什么是更易理解的分布式一致性算法

    一致性问题可以算是分布式领域的一个圣殿级问题了,关于它的研究可以回溯到几十年前. 拜占庭将军问题 Leslie Lamport 在三十多年前发表的论文<拜占庭将军问题>(参考[1]). 拜 ...

  10. Java NIO5:选择器1---理论篇

    选择器 最后,我们探索一下选择器.由于选择器内容比较多,所以本篇先偏理论地讲一下,后一篇讲代码,文章也没有什么概括.总结的,写到哪儿算哪儿了,只求能将选择器写明白,并且将一些相对重要的内容加粗标红. ...