Notes:indexedDB使用
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,可以使用数组指定多个,也可以直接使用字符串只指定一个,第二个参数是事务的模式,有readonly,readwrite等
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使用的更多相关文章
- 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 ...
- Android Weekly Notes Issue #237
Android Weekly Issue #237 December 25th, 2016 Android Weekly Issue #237 这是本年的最后一篇issue, 感谢大家. 本期内容包括 ...
- Android Weekly Notes Issue #230
Android Weekly Notes Issue #230 November 6th, 2016 Android Weekly Issue #230. Android Weekly笔记, 本期内容 ...
- Android Weekly Notes Issue #229
Android Weekly Issue #229 October 30th, 2016 Android Weekly Issue #229 Android Weekly笔记, 本期内容包括: 性能库 ...
- Android Weekly Notes Issue #227
Android Weekly Issue #227 October 16th, 2016 Android Weekly Issue #227. 本期内容包括: Google的Mobile Vision ...
- Android Weekly Notes Issue #221
Android Weekly Issue #221 September 4th, 2016 Android Weekly Issue #221 ARTICLES & TUTORIALS And ...
- Android Weekly Notes Issue #219
Android Weekly Issue #219 August 21st, 2016 Android Weekly Issue #219 ARTICLES & TUTORIALS Andro ...
- IndexedDB(本地存储)
var students = [{ id: 1001, name: "Byron", age: 24 }, { id: 1002, name: "Frank", ...
- HTML5存储之 indexedDB
IndexeDB是HTML5 重要的一部分,它是一种轻量级的NOSQL数据库.对创建具有丰富本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用. IndexedDB是为了能够在客户端存储 ...
随机推荐
- JMF框架
Java媒体框架(JMF)使你能够编写出功能强大的多媒体程序,却不用关心底层复杂的实现细节.JMF API的使用相对比较简单,但是能够满足几乎所有多媒体编程的需求.在这篇文章中,我将向你介绍如何用很 ...
- host Object和native Object的区别
Native Object: JavaScript语言提供的不依赖于执行宿主的对象,其中一些是内建对象,如:Global.Math:一些是在脚本运行环境中创建来使用的,如:Array.Boolean. ...
- 平凡的KTV后台,不平凡的KTV数据
之前就是说过“一个项目有很多重要的步骤以及功能”,那我们现在就来看看对于KTV项目来说:后台是处于什么样的重要作用! 首先就得了解KTV后台的一些功能了: 1.歌曲管理 .歌手管理 .设置资源路径 2 ...
- JSP实现在项目在网页上查询
<table> <caption>user</caption> <tr> <td>编号</td> <td>姓名< ...
- 判断是PC端还是移动端
http://detectmobilebrowsers.com/ 此网站提供了各种编程语言(包括 Apache.ASP.ASP.NET.C#. IIS. JSP. JavaScript. jQuery ...
- Unity3D UGUI之fbx模型导入问题
在UI层添加了一个fbx的模型,但是在game模式和运行中无法看到这个fbx. Canvas上面有个Render Mode :Screen Space - Overlay.Screen Space ...
- 让代码重构渐行渐远系列(3)——string.Equals取代直接比较与非比较
重构背景及原因 最近由于项目组的人员在不断扩充,导致项目中代码风格各异,大有百花齐放甚至怒放之势.考虑到团队的生存与发展,经过众人多次舌战之后,最终决定项目组根据业务分成几个小分队,以加强团队管理与提 ...
- 用C#语言在Visual Studio 2010里开发一个自定义的PowerShell Cmdlet
1. 打开Visual Studio 2010 2. 新建一个基于Class Library的项目 3. 给项目起个名字然后OK 4. 为项目添加下列Reference System.Manageme ...
- Powershell 十个常见任务
学习Powershell的时候,基本的语法也了解了一些,但是就是不知道要写些什么?作为一个过来者,和大家一起分享下常见的几个管理任务脚本. 1.更改本地Administrator账号密码 [ADSI] ...
- .NET单元测试的艺术-2.核心技术
开篇:上一篇我们学习基本的单元测试基础知识和入门实例.但是,如果我们要测试的方法依赖于一个外部资源,如文件系统.数据库.Web服务或者其他难以控制的东西,那又该如何编写测试呢?为了解决这些问题,我们需 ...