为什么我的 indexedDB.open.onsuccess 事件没有被调用？

Question

我以我不熟悉 indexedDB 和异步 javascript 的事实作为这个问题的开头。我正在为 chrome 应用程序编写一个函数，该函数接收一个名为 sourceBlob 的数组缓冲区并将其存储在 indexedDB 中。然后，该函数在 indexedDB 中打开一个我之前在应用程序启动时创建的数据库，并使用该数据库启动一个事务。由于某种原因，当我执行此代码时 request.onsuccess 被完全跳过，因此我无法将我的数据添加到 objectStore。如何确保 request.onsuccess 被执行？我读过这个问题可能是由于 indexedDB 是异步的，但我还没有找到有效的解决方案来解决这个问题。

data.indexedDB.addSource = function(sourceBlob) {
//adds source to data base
  var version = 1;
  var request = indexedDB.open("content", version);
  request.onerror = errorHandler;
  request.onsuccess = function(e) {
    db = e.target.result;
    var trans = db.transaction(["nContent"], "readwrite");
    var store = trans.objectStore("nContent");
    var request = store.put(sourceBlob);
    trans.oncomplete = function(e) {
      data.indexedDB.getIndexedSource();
    };

  };
};

Answer 1

您确定正在调用data.indexedDB.addSource 吗？因为您可以打开浏览器的 JS 控制台（甚至在此页面上）并运行：

var request = indexedDB.open("content", 1);
request.onsuccess = function(e) { console.log("onsuccess"); }

您将看到显示“onsuccess”。

我建议您尝试制作一个完整的最小示例来显示您的问题。在这样做的过程中，您可能会找到解决方案。

Answer 2

在应用程序上工作了一段时间后，我意识到在触发 onsuccess 事件之前我正在退出 addSource 函数。为了解决这个问题，我在函数末尾添加了一个延迟，事件现在可以正常触发。感谢您的所有帮助。固定代码：

data.indexedDB.addSource = function(sourceBlob) {
//adds source to data base
  var version = 1;
  var request = indexedDB.open("content", version);
  request.onerror = errorHandler;
  request.onsuccess = function(e) {
    db = e.target.result;
    var trans = db.transaction(["nContent"], "readwrite");
    var store = trans.objectStore("nContent");
    var request = store.put(sourceBlob);
    trans.oncomplete = function(e) {
      extron.indexedDB.getIndexedSource();
    };

  };
    var token = 100000;
    while(token != 0)
    {
      token = token-1;

    }
};