IndexedDB前端客户端数据库如何使用(indexeddb,开发技术)

时间:2024-05-03 23:10:19 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    IndexedDB%E5%89%8D%E7%AB%AF%E5%AE%A2%E6%88%B7%E7%AB%AF%E6%95%B0%E6%8D%AE%E5%BA%93%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8

IndexedDB介绍

IndexedDB是一种能在浏览器中持久的存储结构化数据的对象数据库,并且为web应用提供了丰富的查询能力。

相比于Web SQL数据库它更加简单,而且官方标准中关于Web SQL的工作已经停止。

相比于Web Storage,IndexedDB存储空间是无上限且永久的。

创建数据库

IndexedDB是按域名分配独立空间,一个独立域名下可以创建多个数据库,每个数据库可以创建多个对象存储空间(表/对象仓库),一个对象存储空间可以存储多个对象数据(索引的字段)。

indexedDB.open方法用于创建数据库,里面传两个参数(数据库名,数据库版本),request.onupgradeneeded方法在创建新数据库,或者数据库版本号改变时调用

创建对象存储空间

store.createIndex创建索引字段,里面传三个参数(索引命名,索引字段,是否唯一)

事务(transaction)

对IndexedDB的查询和更新都是包含在一个事务(transaction)中,以此来保证这些操作要么一起成功,要么一起失败。

对仓库store的操作:

put()添加数据,参数为要保存的对象,如果数据主键(keypath)已存在相同的则更改数据。

add()添加数据,参数为要保存的对象,如果数据主键(keypath)已存在相同的则保存失败。

delete()删除数据,传入参数为目标数据的主键。get()获取数据,传入参数为目标数据的主键。

遍历数据

通过游标cursor检索范围内的对象仓库中的数据:

IDBKeyRange主要的几个方法:

IDBKeyRange.bound(n1, n2, false, false); 范围从n1到n2的主键,第三四个参数为是否包含n1或n2

IDBKeyRange.only(n);范围一个主键

IDBKeyRange.lowerBound(n, false);大于n的主键集合

IDBKeyRange.upperBound(n, false);小于n的主键集合

查询数据

能被查询的数据需要被store.createIndex()创建过索引

删除数据库

本文:IndexedDB前端客户端数据库如何使用的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:HTML5怎么在手机端实现视频全屏展示下一篇:

10 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18