JavaScript存储方案_IndexedDB事务操作-js教程-PHP中文网

JavaScript存储方案_IndexedDB事务操作

夜晨

发布： 2025-11-22 18:32:02

原创

135人浏览过

IndexedDB通过事务保证数据一致性，所有读写操作必须在事务中进行。事务需指定对象仓库和模式（readonly或readwrite），自动提交或因错误中止。示例：const transaction = db.transaction(['users'], 'readwrite'); const objectStore = transaction.objectStore('users'); 事务生命周期由请求完成情况决定，监听oncomplete、onerror、onabort事件可掌握结果。常用操作包括add()、put()、get(key)、delete(key)、clear()。注意事务短生命周期，避免外部发起请求，及时处理错误，使用版本迁移修改结构。

javascript存储方案_indexeddb事务操作

IndexedDB 是一种在客户端存储大量结构化数据的浏览器技术，适合处理复杂的数据操作。它支持事务机制来保证数据的一致性和完整性。理解 IndexedDB 的事务操作，是掌握其使用的关键。

什么是事务？

在 IndexedDB 中，所有对数据库的读写操作都必须通过事务进行。事务确保一组操作要么全部成功，要么全部失败，避免数据处于不一致状态。

创建事务时需要指定涉及的对象仓库（object store）和事务的模式：

● readonly：只读事务，只能读取数据。
● readwrite：读写事务，可以添加、修改、删除数据。

示例代码：

立即学习“Java免费学习笔记（深入）”；

const transaction = db.transaction(['users'], 'readwrite');
const objectStore = transaction.objectStore('users');

登录后复制

事务的生命周期

事务在创建后会立即开始，并在其所有请求完成且没有新的操作加入时自动结束。不能手动提交或回滚事务。

Fliki

高效帮用户创建视频，具有文本转语音功能

151

查看详情

● 一旦事务中所有请求完成，事务自动提交。
● 如果某个请求出错且未处理错误事件，事务将中止并触发 abort 事件。
● 调用 transaction.abort() 可以主动中止事务。

监听事务结果：

transaction.oncomplete = () => {
  console.log('事务完成');
};

transaction.onerror = (event) => {
  console.error('事务失败:', event.target.error);
};

transaction.onabort = () => {
  console.warn('事务被中止');
};

登录后复制

常见操作：增删改查

在事务中可以执行多种数据操作，以下是一些常用方法：

● add()：添加新记录，若主键已存在则失败。
● put()：插入或更新记录。
● get(key)：根据主键获取数据。
● delete(key)：删除指定记录。
● clear()：清空整个对象仓库。

示例：添加用户数据

const request = objectStore.add({ id: 1, name: 'Alice' });

request.onsuccess = () => {
  console.log('用户添加成功');
};

request.onerror = () => {
  console.error('添加失败，可能主键冲突');
};

登录后复制