indexedDB的基础使用—事务

最新推荐文章于 2024-08-08 10:00:07 发布
最新推荐文章于 2024-08-08 10:00:07 发布
阅读量2.3k 收藏 1
点赞数
分类专栏： 前端 数据库系统 文章标签： indexedDB 前端 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hjc256/article/details/88938515
版权
本文详细介绍了IndexedDB中的事务，包括如何创建事务、IDBTransaction对象的属性和事件、以及多个事务的执行顺序。事务是数据库操作的基础，通过指定storeNames和mode参数创建，事务开始于创建时，结束于成功完成或手动回滚。了解这些概念有助于更好地利用IndexedDB进行前端数据存储。
摘要由CSDN通过智能技术生成

。事务是indexedDB数据库中非常重要的一个概念，因为任何对于数据库中数据的读和修改的操作只能在事务中进行。

文章目录

事务的创建

事务由IDBDatabase对象调用其transaction方法创建。

let IDBTransaction = IDBDatabase.transaction(storeNames, mode);

可以看出该方法接受两个参数:

  1. storeNames：就是在新的事务的作用域中的objectStore，生命成一组字符串数组的形式。意义在于指明用户希望访问的objectStore。如果仅想访问一个objectStore，那么仅需传入一个字符串而没必要传一个数组。

例如： let transaction = db.transaction('test1')等价于let transaction =

最低0.47元/天 解锁文章
Meskjei
关注
专栏目录
indexDB（对象接口、异步、支持事务、同源限制、二进制存储、永久存储、打开数据库、初始化数据库、通过事务对数据库进行增删改查操作）
AIWWY的博客
10-30 3212
目录 简介 对象接口 特点 键值对储存 异步 支持事务 同源限制 储存空间大 支持二进制储存 永久存在 使用 打开数据库（创建） var request = window.indexedDB.open(databaseName, version) error 事件 success 事件 upgradeneeded 事件 初始化数据库 IDBDatabase.createObjectStore(formName, { keyPath: ID}) IDBObjectSto.
IndexedDB详解
程序那些事
01-11 2万+
IndexedDB是一种在浏览器端存储数据的方式。既然称之为DB，是因为它丰富了客户端的查询方式，并且因为是本地存储，可以有效的减少网络对页面数据的影响。 有了IndexedDB，浏览器可以存储更多的数据，从而丰富了浏览器端的应用类型。
浏览器用户文件夹详解 - IndexdDB(十三)
最新发布
守城小轩的技术窝棚
08-08 619
IndexedDB是现代浏览器中提供的一种本地数据库技术，允许Web应用程序在用户的浏览器中存储大量结构化数据。与传统的cookie和localStorage相比，IndexedDB具有更高的存储容量和更强的数据管理能力，适用于需要存储大量数据的复杂Web应用。通过本文的探讨，我们对Chromium浏览器中的IndexedDB数据库有了更深入的认识。我们了解了IndexedDB在本地数据存储、数据持久化和复杂查询中的重要作用，以及其在Web开发中的具体应用。
使用indexedDB(二)(翻译)
yunxian_19的专栏
02-28 757
IndexedDB是一种可以让您在用户浏览器中持久保存数据的方法。因为它可以让您创建带有强大的数据检索能力的web应用，即使在离线情况下依然可用。 关于本文档 本教程让您轻松掌握IndexedDB异步API。如果您还不太熟悉IndexedDB的基础知识，请参考IndexedDB的基本概念。 关于IndexedDB API的参考文档，可以参看IndexedDBarticle and
indexedDB事务功能的Promise化封装
weixin_34344677的博客
11-11 447
前言 本文是介绍我在编写indexedDB封装库中诞生的一个副产品——如何让indexedDB在支持链式调用的同时，保持对事务的支持。项目地址：https://github.com/woodensail/indexedDB 2015/11/12 注：这篇文章的思路有问题，大家看看了解一下就行，不要这么干。更好的做法已经写在了下一篇中。大家...
浏览器存储--IndexedDB数据库的使用
失眠时间的博客
06-28 7979
IndexedDB是一个事务数据库系统，类似于基于SQL的RDBMS。然而，与使用固定列表的基于SQL的RDBMS不同，IndexedDB是一个基于JavaScript的面向对象数据库。为啥要使用呢？随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；
IndexedDB基本使用共22页.pdf.zip
10-29
这个压缩包“IndexedDB基本使用共22页.pdf.zip”包含了22页关于IndexedDB的基础教程，旨在帮助开发者理解和掌握这个技术的核心概念。 IndexedDB是一个NoSQL数据库，允许开发者创建索引并进行高效的数据检索。它对于...
Dexie.js基本使用-前端大容量存储IndexedDB 的包装库,可运行代码
03-11
然而，由于其复杂的API，直接使用IndexedDB可能会遇到一些挑战。Dexie.js的出现就是为了简化这个过程，使得开发者能够更加方便地在前端进行大容量数据的管理和操作。 **1. 安装与引入** 首先，你可以通过npm或者...
简介 IndexedDB 及详解 IndexedDB 在实际项目中可能存在的问题与解决方案
caod1991的博客
01-06 5388
简介IndexedDB 详细文档请参看 MDN 文档链接 IndexedDB能做什么： 它真的很能存东西！ 对比cookie， local storeage， session storage 等受到大小限制的web存储方式， IndexedDB在理论上并无大小限制只与本地的磁盘相关。 这也是选择它作为web本地存储工具最大的理由。 完整的API文档（ 虽然大部分是英文Orz）， 不懂的直接翻文档...
浏览器数据库 IndexedDB 详解
qq_30193097的博客
06-19 4760
浏览器数据库indexDB
前端新手必读：IndexedDB全面指北
dlcxycg的博客
08-13 1266
IndexedDB是一种在浏览器中使用的客户端数据库，它提供了一种存储和检索大量结构化数据的方式。它是一种NoSQL数据库，采用键值对存储模型，可以存储任意类型的数据，包括对象、数组等。IndexedDB的特点之一是它支持事务操作，这意味着可以在一个原子操作中执行多个数据库操作，保证数据的一致性。此外，IndexedDB还支持索引，可以通过索引进行高效的数据查询。IndexedDB作为一种在浏览器中使用的客户端数据库，具有重要性和优势，适用于现代Web开发中的数据存储和检索需求。
HTML5项目笔记10：使用HTML5 IndexDB设计离线数据库
weixin_30627341的博客
07-28 109
之前的文章（http://www.cnblogs.com/wzh2010/archive/2012/05/22/2514017.html）里面描述了HTML5 离线数据存储的Web SQL，一个基于SQLite 的离线数据库，不过W3C的WebDatabase规范中说这份规范不再维护了，取而代之的是IndexDB，一个NoSQL类型的数据库。 Html5Rocks把他们的优缺点做了比...
浏览器存储几种方式简介
衣乌安、随笔
01-07 1619
往往做项目时会有一些特殊的需求，需要将一些信息存储到本地，如鉴权token、登录信息等这时一些不必要的请求就可以通过使用浏览器本地存储的方式来避免。 常用的浏览器存储方案有哪些呢？主要有：cookie、localStorage、sessionStorage以及indexDB。本文将对此进行简要介绍 cookie属于文档对象模型DOM树根节点document，而 sessionStorage、loc...
indexDB的使用
阵雨的博客
07-16 9340
目录简介无法开启indexDb的情况开始使用打开数据库为该数据库创建一个对象仓库新增数据查找数据使用索引查询使用游标查询修改数据删除数据 简介 IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力，使我们的应用在在线和离线时都可以正常工作。 无法开启indexDb的情况 浏览器不希望允许某些广告网络或恶意网站来污染你的计算机，所以浏览器会在任意给定的 web app 首次尝试打开一个 IndexedDB 存
indexDB入门到精通，indexdb增删查改，封装indexdb类库，indexdb基本使用
热门推荐
淋雨一直走~
11-29 3万+
indexdb入门操作指南，indexdb入门到精通，indexdb封装类库，indexdb的基本使用，超大容量的存储indexdb简单使用，web端的数据库，web端的大容量存储，优化浏览器加载资源速度。
IndexedDB小白入门基础
认真和努力总没有错
03-09 1616
IndexedDB：   步骤: 1.      打开数据库：request=indexedDB.open(dbName,1) 2.      写打开失败的方法：request.onerror=function（e）{……}； 3.      写打开成功的方法：request.onsuccess=function（e）{……}; 4.      写数据库版本更新时执行的方法：reque
indexedDB 基本概念（翻译）
yunxian_19的专栏
02-27 1382
INdexedDB是可以让您在浏览器中持久保存数据的一种方法。不管网络是否可用，它都可以让您创建带有强大的数据查询能力的web应用，这些应用可以是联网的、或者离线的。IndexedDB 适用于存储大量数据的应用（比如dvd碟片出租库的登记簿）和不需要持久连网运行的应用（比如，邮件客户端、待办事项、注释板） 关于 本文档讨论IndexedDB的核心概念和术语。将为你展示重点并
IndexDB数据库操作指南
马优晨
10-25 2万+
在写这篇文章的时候，确实有一点点小困了。但是对于IndexDB数据库研究了整整三天的心血，在蓝瘦，香菇还是决定把这个东西介绍给大家。目前IndexDB数据库已经发展的很快了，IndexedDB的储存空间比localStorage大得多，一般来说不少于250MB。IE的储存上限是250MB，Chrome和Opera是剩余空间的某个百分比，Firefox则没有上限。对于传统的Cookie最多也就4KB，
HTML5 IndexedDB深度解析：事务锁与数据存储示例
文章首先介绍了IndexedDB的基础概念，强调了其在Web应用中的优势，如本地存储能力、提升页面加载速度和用户体验。IndexedDB 的核心组件包括`window.indexedDB`对象，`IDBTransaction`用于管理数据库事务，以及`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值