IndexedDB：使用方法执行函数添加多次 - 没有新的DB条目

Question

我创建了一个在索引数据库中存储数据的函数：

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

    request.onupgradeneeded = function(event) {
        var db = event.target.result;
        var objectStore = db.createObjectStore("toDoList", {keyPath: 'key', autoIncrement: true});  
        var txn = event.target.transaction;
        var addRequest = txn.objectStore("toDoList").add({value: storagedata});   
      }

（仅供参考：storagedata填充了base64字符串）

如果我通过按钮执行此功能，则变量storagedata的内容位于IndexedDB中。但是如果我想再次按下按钮将另一个值存储到IndexedDB中，则没有任何反应。

除此之外如果我执行该函数第二次函数跳转到行request.onupgradeneeded = function(event) {到文件“intervalTrigger-dbg.js”的超时来编码clearTimeout(this._delayedCallId);

我做了什么来解决这个问题：在浏览器中调试并阅读有关indexeddb的大量文档。

Answer 1

我自己解决了这个问题。对于想要了解其工作原理的每个人：

     var request = window.indexedDB.open("yourDB-1", 1);
     var db;
     var transaction;
     var store;

    request.onupgradeneeded = function(event) {
       var db = event.target.result;
       var transaction = event.target.transaction;
       var store = db.createObjectStore("yourDB", {keyPath: 'key', autoIncrement: true});
       }

    request.onerror = function (event) {
      console.log("Here is a error: " + event.target.errorCode);
    }

    request.onsuccess = function (event) {
      db = request.result;
      transaction = db.transaction("yourDB", "readwrite");
      store = transaction.objectStore("yourDB");

      db.onerror = function(event){
        console.log("ERROR" + event.target.errorCode);
      }

      store.put({value: storagedata});

      transaction.complete = function() {
        db.close();
      }
    }