开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么连接到indexedDB时从未调用过onupgradeneeded回调？

IndexedDB是一种浏览器内置的客户端数据库，用于在浏览器中存储大量结构化数据。当我们连接到IndexedDB时，可能会遇到从未调用过onupgradeneeded回调的情况。下面是可能导致此问题的几个原因：

数据库已存在：如果连接的数据库已经存在，并且其版本与请求的版本匹配，那么浏览器将直接返回连接，而不会触发onupgradeneeded回调。这意味着数据库已经准备好使用，不需要进行升级或初始化操作。
数据库版本未变化：如果连接的数据库版本与请求的版本相同，也不会触发onupgradeneeded回调。这意味着数据库已经是最新版本，不需要进行任何升级操作。
数据库被其他连接占用：如果其他连接正在使用该数据库，并且该连接处于活动状态，那么新的连接请求可能会被阻塞，直到其他连接关闭或释放对数据库的占用。在这种情况下，onupgradeneeded回调将在连接获得数据库控制权后触发。
数据库被删除：如果之前的连接删除了数据库，那么新的连接请求将创建一个新的空数据库，并且不会触发onupgradeneeded回调。这是因为数据库已被删除，不存在需要升级的情况。

总结起来，当连接到IndexedDB时，从未调用过onupgradeneeded回调可能是因为数据库已存在且版本匹配、数据库版本未变化、数据库被其他连接占用或数据库被删除。在这些情况下，不需要进行升级或初始化操作，因此不会触发onupgradeneeded回调。

腾讯云相关产品和产品介绍链接地址：

腾讯云数据库 TDSQL：https://cloud.tencent.com/product/tdsql
腾讯云云数据库 CDB：https://cloud.tencent.com/product/cdb
腾讯云云数据库 Redis：https://cloud.tencent.com/product/redis
腾讯云云数据库 MongoDB：https://cloud.tencent.com/product/mongodb
腾讯云云数据库 MariaDB：https://cloud.tencent.com/product/mariadb

相关搜索:405连接到leadgen的webhook回调url时 WifiDirect:有时系统从未调用过DnsSdServiceResponseListener回调为什么在测试模式下使用react-flutterwave rave时回调函数不工作？为什么在页面转换时不调用next-auth jwt回调？为什么我的回调函数在每次点击时都会成倍增加？为什么这个谷歌OAuth回调只在用户第一次登录我的网站时失败？从未调用过querySkuDetailsAsync回调从未调用过节点JS readdir回调在Angular 2失败时重试连接到服务器回调如果断点在其赋值时触发，则IndexedDB回调不会触发

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

造一个 idb-keyval 轮子

(storeName) } // 失败回调 openDBRequest.onerror = () => console.log('出错啦') // 成功回调 openDBRequest.onsuccess...promisify 看到回调，很容易就想到了利用 Promise 来进行封装，封装之后就可以用 await-async 来写代码了，避免回调地狱。...，解决回调地狱的问题 const db = await promisifyRequest(request); // 第一个参数为事务的模式，第二个参数为开发者的回调 return async...这里还有个小坑，当读完所有的 cursor 时候会调用 oncomplete 回调，其实 indexedDB 里的 transaction 还有 onabort 和 oncomplete 两个回调，所以当...将 request promisify 可以避免回调地狱的问题，上面 4 个回调每对回调都完美对应 Promise resolve 和 reject，所以 promisify 过程基本是无痛的 indexedDB

3241 0

浏览器相关--H5本地存储

(name, ver); /* * indexDB的三个回调函数 * 1、错误回调 * 2、版本升级/数据库第一次创建调用函数 * 3、数据库创建成功回调 * ojName：ObjectStore...，存储空间名 */ request.onerror = function(e) {}; request.onupgradeneeded = function(event) { var db =...var database = window.openDatabase(name, version, desc, size); /* *执行sql语句 * * sql: 就是要执行的sql语句，用过...mysql或者oracle的一定会非常熟悉 * params：sql中需要匹配的参数，本身是一个数组，参数中间用英文逗号间隔 * callBackFunSuccess：sql执行成功回调函数 *...callBackFunErr：sql执行失败回调函数 */ database.transaction(function(tx) { tx.executeSql(sql,params,callBackFunSuccess

8203 0

【javascript】谈谈HTML5: Web-Worker、canvas、indexedDB、拖拽事件

数据库后，一般在onupgradeneeded回调中初始化（或修改）数据库结构（划重点！！）...为什么我们必须在.onupgradeneeded中初始化数据库的结构，而不是在onsuccess中？...对onupgradeneeded回调，在open提供第二个版本参数的前提下： 2.1 第一次调用open方法创建一个新的数据库的时候，onupgradeneeded一定会被调用 2.2 第二次或以后...要在onupgradeneeded回调中运行（很显然每次打开都会被调用的onsuccess并不适合用于初始化数据库结构） indexedDB的具体操作首先说一下，在下面的展示例子中，我们的HTML是这样的...IndexedDB是一个事务型数据库系统 3. indexedDB大多数API都是异步的，这意味着调用一个方法你不能马上得到关键的那个对象，而在对应的success回调中才能取得拖放事件一个典型的拖放操作是这样开始的

3.1K3 0

【javascript】谈谈HTML5—Web Worker+canvas+indexedDB+拖拽事件

数据库后，一般在onupgradeneeded回调中初始化（或修改）数据库结构（划重点！！）...为什么我们必须在.onupgradeneeded中初始化数据库的结构，而不是在onsuccess中？...对onupgradeneeded回调，在open提供第二个版本参数的前提下： 2.1 第一次调用open方法创建一个新的数据库的时候，onupgradeneeded一定会被调用 2.2 第二次或以后...要在onupgradeneeded回调中运行（很显然每次打开都会被调用的onsuccess并不适合用于初始化数据库结构） indexedDB的具体操作首先说一下，在下面的展示例子中，我们的HTML是这样的...IndexedDB是一个事务型数据库系统 3. indexedDB大多数API都是异步的，这意味着调用一个方法你不能马上得到关键的那个对象，而在对应的success回调中才能取得拖放事件一个典型的拖放操作是这样开始的

3.7K10 0

indexedDB_INDEX函数

意味着浏览器缓存中不再是只能存字符串了异步：意味着所有操作都要在回调中进行 2. 数据库一组相关业务数据的存储集合。...事件中进行，而onupgradeneeded 事件只在数据库版本升级时触发，所以我们这里版本号升级了。...objectStoreCopy', 'notObjectStore', 'mixStore'], 'readwrite'); } transaction()方法说明：事务必须在db-request的成功回调...onsuccess方法中创建，另注意：数据库实例db 需要从成功回调的结果的target.result中获取。...当我们试图插入一条keyPath与已有记录的keyPath相同的记录时，将会失败，如果同一张表还有其他操作，将随事务回滚也一起失败。

9975 0

JavaScript IndexedDB 完整指南

IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。首先，让我们介绍一下为什么需要将数据存储在 web 浏览器中。...open 方法将返回一个具有多个属性的对象，包括 onerror、onupgradenneeded 和 onsuccess，每个属性都接受一个回调函数，在相关事件发生时执行。...IndexedDB 是基于事件的，这符合它的异步模型。接下来，让我们看看数据库启动时可能发生的事件。首先，我们将监听 request.onerror 事件，以防访问数据库时出现任何错误。...解决方案是增加表的版本号，这将创建一个 onupgradenneeded，并且 onupgradenneeded 回调将在下次页面刷新时执行。...在互联网连接中，你可能希望将 indexedDB 与外部数据库同步，以便在用户清除浏览器数据时不会丢失用户的信息。

1.9K2 0

IndexedDB使用与出坑指南

具体示例如下： const request = window.indexedDB.open('test'); request.onupgradeneeded = function (event) {...而在数据库创建或者版本更新时，会触发onupgradeneeded事件。更新数据库版本号 window.indexedDB.open的第二个参数即为版本号。在不指定的情况下，默认版本号为1。...此时我们指定一个高于之前版本的版本号，就会触发onupgradeneeded事件。类似的，当此数据库不存在时，也会触发此事件并且将版本更新到置顶版本。...; }; 注：只能在onupgradeneeded回调函数中创建存储空间，而不能在数据库打开后的success回调函数中创建。通过createObjectStore能够创建一个存储空间。...但是，IndexedDB在使用过程中仍然需要避免可能会出现的一些问题，或者对可能导致的不利影响有一定的容错处理。这样才不会对应用产生重大影响。

7.8K5 3

前端下载超大文件的完整方案

以下是一个基本的前端大文件下载的实现示例：可以在类里面增加注入一个回调函数，用来更新外部的一些状态，示例中只展示下载完成后的回调 class FileDownloader { constructor...这样可以确保在下载大文件时不会因为内存占用过多而导致性能问题。在上面提供的示例代码中，文件块是暂时保存在一个数组中的，最终在mergeChunks()方法中将这些文件块合并成完整的文件。...('删除 IndexedDB 数据时出错：', error); }); IndexedDB内存暂用过高问题使用 IndexedDB 可能会导致浏览器内存占用增加的原因有很多，以下是一些可能的原因：...确保在不再需要使用 IndexedDB 时正确关闭数据库连接，以释放占用的内存。...浏览器实现：不同浏览器的 IndexedDB 实现可能存在差异，某些浏览器可能会在处理 IndexedDB 数据时占用更多内存。

5731 0

JavaScript IndexedDB 完整指南

IndexedDB 用于在浏览器中存储数据，对于需要离线工作的 web 应用程序（如大多数进步的 web 应用程序）尤其重要。首先，让我们介绍一下为什么需要将数据存储在 web 浏览器中。...open 方法将返回一个具有多个属性的对象，包括 onerror、onupgradenneeded 和 onsuccess，每个属性都接受一个回调函数，在相关事件发生时执行。...IndexedDB 是基于事件的，这符合它的异步模型。接下来，让我们看看数据库启动时可能发生的事件。首先，我们将监听request.onerror事件，以防访问数据库时出现任何错误。...解决方案是增加表的版本号，这将创建一个 onupgradenneeded，并且 onupgradenneeded 回调将在下次页面刷新时执行。...在互联网连接中，你可能希望将 indexedDB 与外部数据库同步，以便在用户清除浏览器数据时不会丢失用户的信息。 4. 小结 IndexedDB 在浏览器中为你提供了一个功能强大的异步文档数据库。

1.6K1 0

vue3 专用 indexedDB 封装库，基于Promise告别回调地狱准备创建数据库的信息直接使用做个“外壳”套个娃

_storeState = 'pending' /** * 注册回调事件。...* * 如果组件读写 indexedDB 的时还没有准备好的话， * * 可以来注册一个事件，等准备好了之后回调。 */ this...._info.ver) // 第一次，或者版本升级时执行，根据配置信息建立表 this.dbRequest.onupgradeneeded = (event) => { this...(this) } // 调用组件注册的回调 this....stores 对象仓库的说明，在 onupgradeneeded 事件里面依据这个信息创建对象仓库。 init indexedDB 都准备好之后的回调函数。

1.7K4 0

ES6(四）用Promise封装一下IndexedDB 配置文件内部成员建立对象库以及打开数据库初始化对象添加对象修改对象删除对象清空仓库里的对象删除对象仓库删除数据库按主键获取对象，

} // 打开数据库的 promise const dbPromise = new Promise((resolve, reject) => { // 数据库打开成功的回调...indexedDB 的逻辑是这样的，在open数据库的时候判断本地有没有数据库，如果没有数据库则触发 onupgradeneeded 事件，创建数据库，然后打开数据库。...storeName) // 获取store .get(_object.id) // 获取对象 .onsuccess = (event) => { // 成功后的回调...(storeName) // 获取store .delete() // 清空对象仓库里的对象 .onsuccess = (event) => { // 成功后的回调...{ dbRequest = store.get(id) } dbRequest.onsuccess = (event) => { // 成功后的回调

2.1K2 0

HTML5 学习总结（三）——本地存储（localStorage、sessionStorage、WebSqlDataBase、IndexedDB）

; }, function(tx, error) { alert('失败时的回调方法...""; }, //执行sql的通用方法 result.rowsAffected 影响行数 //callback执行成功时的回调方法..."goods"); //执行删除操作 var request=goods.delete(2); //成功时的回调...游标指针会先指向结果中的第一项，在接到查找下一项指令时，才会指向下一项。...goods"); //执行删除操作 var request = goods.delete(2); //成功时的回调

7.4K10 0

IndexedDB 教程

IndexedDB 教程 IndexedDB 是一个基于 JavaScript 的面向对象的事务型数据库。有了 LocalStorage 和 Cookies，为什么还要推出 indexedDB 呢？...对于简单的数据，你应该继续使用 localstorage，但当你希望存储大量数据时，IndexedDB 会明显的更适合，IndexedDB 能提供你更为复杂的查询数据的方式。...当请求一个事务时,必须决定是按照只读还是读写模式请求访问。基于请求对 indexedDB 数据库的每次操作，描述为通过一个请求打开数据库,访问一个 object store，再继续。...indexedDB 对象了，就像使用 ajax 一样，语句执行完并不代表已经获取到了对象，所以我们一般在其回调函数中处理。...对打开数据库的事件进行处理 // 打开数据库成功后，自动调用onsuccess事件回调。

1.5K2 0

indexedDB 基本使用

; }; request.onerror=function(event){ console.error('创建数据库出错'); }; request.onupgradeneeded=function(event...，每个存储空间有自己的主键、索引等; 创建对象存储空间的操作一般放在创建数据库成功回调里: request.onupgradeneeded=function(event){// 更新对象存储空间和索引...alt);// 创建一个查找数据的请求 request.onsuccess=function(event){ }; varnoDataTest=index.get('testalt');// 没有该对象时的测试...需要在成功回调里拿到result对象，判断是否取完了数据：若数据已取完，result是undefined; 若未取完，则result是个IDBCursorWithValue对象，需调用continue(...在索引上使用游标接着本文上述使用索引的例子，在索引title上使用openCursor()方法时，若不传参数，则会遍历所有数据，在成功回调中的到的result对象有以下属性： key 数据库中这条对象的

1.6K10 0

IndexedDB 打造靠谱 Web 离线数据库

upgradeneeded 回调事件里面自动创建。...通过 getAll() 得到的回调函数，直接通过 event.target.result可以得到对应的 value 内容。...通过返回一个 Request 对象，来进行结果监听的回调： var request = indexedDB.open('AddressBook', 15); request.onsuccess = function...request.onerror = function(evt) {...}; 参考： IndexDB Factory API IDBRequest 当你通过 open 方法处理过后，就会得到一个 Request 回调对象...如果你打开更新后的版本号的话，还需要监听 onupgradeneeded 事件来实现。最常通过 indexedDB.open 遇见的错误就是 VER_ERR 版本错误。

3K3 0

indexeddb库 ZangoDB的使用

ZangoDB是一个indexedDB的类MongoDB轻量级接口库，主要是为了更轻松快速的编写indexedDB相关的操作。...因为打开数据库时，当数据库版本号不一致或没有该数据库时会触发 onupgradeneeded 回调 // https://developer.mozilla.org/zh-CN/docs/Web/API.../IndexedDB_API/Using_IndexedDB var db; var request = indexedDB.open("MyTestDatabase",2); request.onsuccess...var objectStore = db.createObjectStore("name", { keyPath: "myKey" }); }; 而在使用ZangoDB类库的时候，我们就避免了在回调中写后续的逻辑...这些运算符只能在 group, projection操作时结合使用.

3.9K3 0

浏览器里的本地数据库：IndexedDB

IndexedDB 是什么在现代浏览器的本地存储方案中，indexedDB 是一项重要的能力组成，它是可以在浏览器端使用的本地数据库，可以存储大量数据，提供接口来查询，还可以建立索引，这些都是其他存储方案...IndexedDB 中有版本概念，这就规定了同一时刻下只有一个版本的数据库存在。对象仓库：对象仓库 ObjectStore 在 IndexedDB 中对应的是 MYSQL 中的表 Table。...快速起步 IndexedDB 在介绍了 IndexedDB 的主要概念之后，可以通过一个简单实用的 CURD 例子来学习在日常开发中我们是怎么使用 IndexedDB 的，各个 API 细节日后可以慢慢深入学习...) { // 获取数据库实例 db = DBRequestLink.result; // 其他操作 }; // 这个监听回调触发于数据库首次新建、open数据库时传递新版本(只能比之前传递的版本高...) DBRequestLink.onupgradeneeded = function(event) {}; 创建数据库的主键和字段 DBOpenRequest.onupgradeneeded = function

1.3K1 0

穿越标签页的通信魔法：揭秘跨标签页通信的神奇力量| 技术创作特训营第一期

由事件监听器发送给回调函数的事件对象有几个自动填充的属性如下： key：告诉我们被修改的条目的键。 newValue：告诉我们被修改后的新值。 oldValue：告诉我们修改前的值。...(dbName, version); // 数据库打开成功回调 request.onsuccess = function (event) { db...存储数据库对象 console.log("数据库打开成功"); resolve(db); }; // 数据库打开失败的回调...request.onerror = function (event) { console.log("数据库打开报错"); }; // 数据库有更新时候的回调...每一个连接到该服务器的客户端，都会触发服务器的 connection 事件，并且会将此客户端连接实例作为回调函数的参数传入。我们将所有的客户端连接实例保存到一个数组里面。

3954 3

HTML5 Web 客户端五种离线存储方式汇总

最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem...可以存储结构对象，可构建key和index的索引方式查找，目前各浏览器的已经逐渐支持IndexedDB的存储方式，其使用代码如下，需注意IndexedDB的很多操作接口类似NodeJS的异步回调方式，特别是查询时连...cursor的continue都是异步再次回调onsuccess函数的操作方式，因此和NodeJS一样使用上不如同步的代码容易。...request = indexedDB.open("DataModel"); request.onupgradeneeded = function() { db = request.result...cleared'); } }; } 最后是FileSystem API相当于操作本地文件的存储方式，目前支持浏览器不多，其接口标准也在发展制定变化中，例如在我写这个代码时大部分文献使用的

1.1K3 0

HTML5的五种客户端离线存储方案

最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem...可以存储结构对象，可构建key和index的索引方式查找，目前各浏览器的已经逐渐支持IndexedDB的存储方式，其使用代码如下，需注意IndexedDB的很多操作接口类似NodeJS的异步回调方式，特别是查询时连...cursor的continue都是异步再次回调onsuccess函数的操作方式，因此和NodeJS一样使用上不如同步的代码容易。...request = indexedDB.open("DataModel"); request.onupgradeneeded = function() { db = request.result...cleared'); } }; } 最后是FileSystem API相当于操作本地文件的存储方式，目前支持浏览器不多，其接口标准也在发展制定变化中，例如在我写这个代码时大部分文献使用的

2.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭