javascript - indexedDB 添加记录到 objectStore 只能工作一次-6ren

javascript - indexedDB 添加记录到 objectStore 只能工作一次

转载作者：行者123 更新时间：2023-11-30 20:13:41

25

4

我试图了解 indexedDB 的工作原理并编写了一个相当基本的站点访问者跟踪器。这是第一次工作。第一次加载页面时，一切都按预期进行。我可以看到数据已添加到我的 objectStore 中。

现在每次刷新页面时，我都没有按预期添加另一条记录。我做错了什么？欢迎任何指导或帮助。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- The above 3 meta tags *must* come first in the head; any other 
  head content must come *after* these tags -->

  <meta name="description" content="">
  <meta name="author" content="">

  <script language="JavaScript" src="http://www.geoplugin.net
  /javascript.gp" type="text/javascript"></script>

</head>
<body>
  // UI here
</body>
<script>
  var timeDate = new Date();
  var tD=timeDate.toString();
  alert(timeDate);          

  var ip = geoplugin_request();           // get client ip
  alert(ip);

  var city = geoplugin_city();            // get client city
  alert(city);

  var country = geoplugin_countryName() ; // get client country
  alert(country);

  var os = navigator.oscpu;               // get platform info
  alert(os);

  window.indexedDB = window.indexedDB || window.mozIndexedDB || 
  window.webkitIndexedDB || window.msIndexedDB;

  //prefixes of window.IDB objects
  window.IDBTransaction = window.IDBTransaction || 
  window.webkitIDBTransaction || window.msIDBTransaction;
  window.IDBKeyRange = window.IDBKeyRange || window.webkitIDBKeyRange || 
  window.msIDBKeyRange

  if (!window.indexedDB) {
    window.alert("Your browser doesn't support a stable version of IndexedDB.")
  }

  var visitorInfo = [{ 
         date   : tD, 
         ip     : ip, 
         city   : city, 
         country: country,
         os     :os },            
     ];

     var db;
     var request = window.indexedDB.open("visitor", 1);

     request.onerror = function(event) {
        console.log("error: ");
     };

     request.onsuccess = function(event) {
        db = request.result;
        console.log("success: "+ db);
     };

     request.onupgradeneeded = function(event) {
        var db = event.target.result;

        if(!db.objectStoreNames.contains("userinfo")){
            console.log("creating userinfo table..");
            //var objectStore = db.createObjectStore("userinfo", {keyPath: "ip",autoIncrement:true});            
            var objectStore = db.createObjectStore("userinfo", {keyPath: "ip"});            
        }
        else{
            console.log("userinfo exists");
            }

        for (var i in visitorInfo) {
           objectStore.add(visitorInfo[i]);
        }
     }

最佳答案

插入对象的代码位于 onupgradeneeded 处理程序中。 onupgradeneeded 处理函数仅在首次创建数据库或增加版本时运行。

另一方面，indexedDB.open 调用的成功处理程序每次都会在创建、升级或刚刚打开数据库时运行。

因此，您希望将插入对象的代码从 onupgradeneeded 处理程序移动到成功处理程序中。

关于javascript - indexedDB 添加记录到 objectStore 只能工作一次，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52137882/

25

4

0

文章推荐： C 语言凯撒密码

文章推荐： c# - 计算滚动条位置

文章推荐： javascript - 检索对象集合中的元素

文章推荐： c - 下面的代码有什么问题？(在c中的文件管理中)

indexeddb - 从浏览器外部访问 IndexedDB
是否可以从浏览器外部或创建它的域外部访问 IndexedDB？我正在考虑将数据存储到与某个特定域相关的某些 IndexedDB 的情况，因为它总是这种情况，然后在第一个域不复存在后访问该数据，或将其
indexeddb - IndexedDb 文件位置可以是共享位置吗
我有一个员工在断开连接模式下使用的渐进式网络应用程序。他们扫描商店中的库存商品，该应用程序搜索本地数据以查找扫描的商品(indexedDb 数据存储，约有 1/2 百万条记录)。此数据通过 API
indexeddb - indexedDB 中不区分大小写的搜索
有人可以告诉我是否可以使用 index、openCursor 和 keyRange 在 indexeddb 对象存储上执行不区分大小写的搜索.... 我可以区分大小写并设法使用 toUpperCase
indexeddb - IndexedDB 请求或事务在此时发送
来自提供的示例here和 here 它们展示了创建请求，然后在发出请求后附加 onerror 和 onsuccess 处理程序。 var transaction = db.transaction(["
indexeddb - 如何保证 Indexeddb 事务完成单元测试序列？
假设您正在构建一个框架 Foobar，并假设 Foobar 有一个函数 .coolstuff()，它会调用 IndexedDB 调用 .coolstuff2() 和 .coolstuff3()，当这两
indexeddb - 你如何让 indexeddb 事务保持活跃？
只要您使用适当的 IDBTransaction，是否可以从单个事务中完成所有这些操作，而不是打开多个事务(读取表、写入表、写入另一个表等)？ Mozilla 说:“保持事务处于事件状态的唯一方法是对其
indexeddb - 如何将 indexedDB 本地数据与服务器同步？
我有一个小项目，将数据存储在浏览器的 IndexedDB 中。我想添加同步功能，以便用户可以在任何地方访问数据。如何在远程服务器或服务器数据库中同步本地 IndexedDB 数据，以便我可以在任何地
indexeddb - 检查 indexedDB 索引是否已经存在
我想在 onupgradeneeded 中更新我的 indexeddb 数据库的对象库之一。我想检查一下，如果这个索引存在于这个对象存储中，那么就不需要做任何更改。但如果不是，我想更新它的索引。最佳
indexeddb - 检查 IndexedDB 数据库是否存在
有没有办法检查 IndexedDB 数据库是否已经存在？当程序试图打开一个不存在的数据库时，该数据库被创建。我能想到的唯一方法是如下所示，我测试 objectStore 是否已经存在，如果不存在，则
indexeddb - 最佳 IndexedDB 包装器
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
indexeddb - 如何在 IndexedDB 的一个事务中放置多个请求
我的代码如下: ... var f1 = function(trans) { var store = trans.objectStore('ObjectStore'); store.clear
indexeddb - 我们可以在不同域的两个页面之间使用 IndexedDB 吗？
我在我的一页中创建了一个 IndexdDB 对象存储(让对象存储名称为“ShopStore”)。现在我想从不同的页面打开相同的对象存储。可能吗？我的两个网页位于不同的域。最佳答案根据MDN您无法
indexeddb - 导入和导出 Indexeddb 数据
我有一个 Epub 注释插件，用户可以在其中对 Epub 进行注释，但是注释文本存储在浏览器中的 indexeddb 数据库中，想将这些注释文本导出到文件中，而在其他系统中，我想将这些文件导入到我的
indexeddb - IndexedDB 什么时候会是 'done' ？
在之前的 IndexedDB 规范 ( http://www.w3.org/TR/2011/WD-IndexedDB-20111206 ) 中，IDBDatabase 事务的模式值很短。在当前规范(2
indexeddb - IndexedDB 中的 OR 或 IN 操作
有没有办法对 IndexedDB 中的同一属性进行 OR 或 IN 查询？换句话说，我如何得到结果， SELECT * FROM MyTable WHERE columnA IN ('ABC','D
indexeddb - 最新浏览器的最新 IndexedDB CRUD 场景？
据我了解，IndexedDB 是大多数跨浏览器在线数据库解决方案的方式。甚至可能在 FF 等浏览器中使用这个 polyfill。我试图找到一个非常简单的页面，它使用 IndexedDB 最初填充数据
indexeddb - 获取添加到 indexedDB 对象存储的对象的 id
给定一个带有一个声明对象存储的 indexeddb 数据库: var objectStore = thisDb.createObjectStore("table", {keyPath: "id", a
indexeddb - indexedDB 是否支持外键？如果没有，我可以模拟外键吗？
我正在构建一个利用 IndexedBD 的网络应用程序。我来自 SQL 背景，所以概念不同。具体来说，我的理解是 indexedDB 中没有“外键”的真正概念。因此，我试图找出检索相关对象的最快方法，
indexeddb - 更新版本时 indexeddb 数据库出现约束错误，仅此而已
我在不做任何其他修改的情况下升级版本时遇到此代码问题，我无法理解原因。 function create_registry() { var version = 1; var indexe
indexeddb - 使用 jsstore 从 indexeddb 选择特定列
我使用下面的代码从 indexeddb 中选择所有列 this._connection.openDb(this._indexedDBLiveDBName); return this._

首页

博学

6Ren·AI

商城

javascript - indexedDB 添加记录到 objectStore 只能工作一次