Uncaught InvalidStateError：無法從'IDBRequest'中讀取'result'屬性：請求尚未完成

Question

我需要你的幫助。我正在使用indexedDB。我需要使用Javascript從數據庫中的表中讀取記錄，但我收到來自Chrome瀏覽器V52的錯誤消息未捕獲InvalidStateError：未能從'IDBRequest'中讀取'result'屬性：請求尚未完成。

下面是我的Javascript代碼

VAR分貝; var availableJobs = 0;

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

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

    request.onsuccess = function (event) { 
     db = request.result; 
    } 

    request.onblocked = function (event) { 
     db = "blocked..."; 
    }; 

    request.onerror = function (event) { 
     db = "Error..."; 

    }; 

    var objectStore = db.transaction("ActionCard").objectStore("ActionCard"); 

    objectStore.openCursor().onsuccess = function (event) { 
     var cursor = event.target.result; 

     if (cursor) { 
      if (cursor.value.ActionCardStatusId == 1 || cursor.value.ActionCardStatusId == 3) { 
       availableJobs++; 
      } 

      cursor.continue(); 
     } 

     $("#availableJobs").html(availableJobs); 
    } 

我在這一行

var objectStore = db.transaction("ActionCard").objectStore("ActionCard"); 

Answer 1

你需要了解如何編寫異步JavaScript收到錯誤消息。您的數據庫變量在您訪問時未定義。

不要這樣做：

var r = indexedDB.open(); 
var db = null; 
r.onsuccess = function(event) { db = event.target.result); } 

這樣做：

var r = indexedDB.open(); 
r.onsuccess = function(event) { 
    var db = event.target.result; 
}; 

是的，這意味着db是不可用的onSuccess功能範圍之外。不要試圖在範圍之外使用它，否則你會遇到你遇到的問題。