IndexedDB:执行方法与方法添加几次-没有新的DB条目

时间:2019-03-18 17:06:44

标签: javascript sapui5 indexeddb

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

    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});   
      }

(仅供参考:存储数据用base64字符串填充)

如果我通过按钮执行此功能,则变量storagedata的内容在IndexedDB中。但是,如果我想再次按下按钮以将另一个值存储到IndexedDB中,则什么也没发生。

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

我为解决该问题所做的工作:在浏览器中调试并阅读了大量有关indexeddb的文档。

1 个答案:

答案 0 :(得分: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();
      }
    }