indexedDB数据库操作
2021/5/8 2:25:33
本文主要是介绍indexedDB数据库操作,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、indexedDB数据库简介
1. IndexedDB 允许储存大量数据,提供查找接口,建立索引。
2.不支持 SQL 查询语句
3. 数据存取异步实现
4. 同源限制
5. 支持二进制存储(比如图片base64)
二、indexedDB数据库基本使用方法
http://www.ruanyifeng.com/blog/2018/07/indexeddb.html
https://wangdoc.com/javascript/bom/indexeddb.html
三、indexedDB常用操作
1. 多索引查询查询单条数据
var connect_DB = db.transaction(['indexedDB表名']);var affair_Object = connect_DB.objectStore('indexedDB表名');//可以多加几个索引参数,实现多索引查询var index = affair_Object.index('索引1','索引2');//选择表索引名var result=index.get('索引1的值','索引2的值');//找出匹配索引值的所有记录result.onerror = function(e) { console.log('事务失败');};result.onsuccess = function(e) { var outcome = e.target.result; if (outcome) { console.log(outcome) } else { console.log("没有记录") }};
2. 游标查询–对索引进行范围内查询(单一索引)
var transaction = db.transaction(['表名'], 'readonly');//创建事务var objectStore = transaction.objectStore('表名');//获取对象仓库//IDBIndex 对象var myIndex = objectStore.index('索引名');//获取 IDBIndex 对象。var keyRangeValue = IDBKeyRange.bound(13,15);//该索引的值在13-15之间myIndex.openCursor(keyRangeValue).onsuccess = function(e) { var cursor = e.target.result; if (cursor) {//会不断循环遍历直到执行else console.log(cursor.value);//每条数据的值 console.log(cursor.key);//这里的值就是索引old(objectStore.index('old');)的值 cursor.continue(); } else { console.log('查询完毕.'); }};
3. 查询某主键范围内的值
比如要查询主键值在5-15内的数据
var keyRangeValue = IDBKeyRange.bound(1, 14);//获取1-14之间的主键值的记录var connect_DB=db.transaction(['表名'], 'readonly');//创建事务var affair_Object=connect_DB.objectStore('表名');//获取对象仓库affair_Object.openCursor(keyRangeValue).onsuccess = function(e) { var cursor = e.target.result; console.log(cursor); if (cursor) {//会不断循环遍历直到执行else console.log(cursor.value);//每条数据的值 console.log(cursor.key);//每条数据的主键值 cursor.continue();//使用该函数才可以使游标移动到下一位,否则只有一条数据 //cursor.continue();等价于cursor.advance(1); } else { console.log('查询完毕.'); }};
这篇关于indexedDB数据库操作的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Springboot应用的多环境打包入门
- 2024-11-23Springboot应用的生产发布入门教程
- 2024-11-23Python编程入门指南
- 2024-11-23Java创业入门:从零开始的编程之旅
- 2024-11-23Java创业入门:新手必读的Java编程与创业指南
- 2024-11-23Java对接阿里云智能语音服务入门详解
- 2024-11-23Java对接阿里云智能语音服务入门教程
- 2024-11-23JAVA对接阿里云智能语音服务入门教程
- 2024-11-23Java副业入门:初学者的简单教程
- 2024-11-23JAVA副业入门:初学者的实战指南