indexDB 接口文档
时间: 2023-11-25 18:08:07 浏览: 129
IndexDB 是浏览器提供的一种本地数据库解决方案。下面是 IndexDB 的接口文档:
## 打开数据库
```javascript
window.indexedDB.open(databaseName, version);
```
- `databaseName`: 数据库名称,字符串类型。
- `version`: 数据库版本号,整数类型。
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听打开数据库成功或失败的情况。
## 创建对象仓库
```javascript
let objectStore = db.createObjectStore(objectStoreName, options);
```
- `objectStoreName`: 对象仓库名称,字符串类型。
- `options`: 对象仓库选项,可选参数,对象类型,包含以下属性:
- `keyPath`:主键路径,字符串类型,用于指定对象的主键,默认值为 `null`。
- `autoIncrement`:是否自增长,布尔类型,用于指定对象是否自增长,默认值为 `false`。
## 添加数据
```javascript
let request = objectStore.add(data);
```
- `data`: 要添加的数据,可以是任意类型。
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听添加数据成功或失败的情况。
## 获取数据
```javascript
let request = objectStore.get(key);
```
- `key`: 要获取的数据的主键。
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听获取数据成功或失败的情况。
## 更新数据
```javascript
let request = objectStore.put(data);
```
- `data`: 要更新的数据,可以是任意类型。
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听更新数据成功或失败的情况。
## 删除数据
```javascript
let request = objectStore.delete(key);
```
- `key`: 要删除的数据的主键。
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听删除数据成功或失败的情况。
## 游标遍历数据
```javascript
let request = objectStore.openCursor();
```
该方法返回一个 `IDBRequest` 对象,可以通过该对象的 `onsuccess` 和 `onerror` 事件监听游标遍历数据成功或失败的情况。
```javascript
request.onsuccess = function(event) {
let cursor = event.target.result;
if (cursor) {
// 处理数据
cursor.continue();
}
};
```
在 `onsuccess` 事件中,可以通过 `event.target.result` 获取到游标对象,通过 `cursor.continue()` 方法继续遍历下一条数据。
以上是 IndexDB 的主要接口,可以实现本地存储和数据的增删改查操作。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)