2

我在我的应用程序上为网络存储建立了 indexedDb。

我想从下面的代码中获取商店。

var store = myapp.indexedDB.db.transaction(['tree_nodes'],'readwrite').objectStore('tree_nodes');

它返回错误。我以打开 indexeddb 数据库和更改版本而闻名。

错误是Uncaught TypeError: Cannot call method 'transaction' of null

我用断点试过了。在这种情况下，它可以正常工作而没有错误。

我怎样才能得到商店？请帮我。

提前致谢！

4

2 回答 2

8

该错误可能是因为您的 db 变量为空。这几乎总是因为您试图将 db 作为回调的结果存储在全局变量中，然后在单独的函数中访问 db 变量，该函数不能保证仅在设置 db 变量后才执行，这样浏览器发现您正在访问一个未初始化的变量。

解决方案很简单（但令人沮丧）。除非您想了解某些库的承诺和延迟对象的实现，否则您不能以这种方式使用全局变量。相反，看看丹尼给出的答案。使用回调并在回调函数中编写代码，而不是全局变量。'db' 只能从回调 request.onsuccess 函数中访问，并且不是全局的。这就是Deni's会起作用的原因。他的代码只有在保证被初始化（非空）时才会尝试访问 db。

由于您没有发布周围的代码，事实证明这很重要，您需要执行以下操作：

// I am an evil global variable that will not work as expected
myapp.indexedDB.db = 'DO NOT USE ME OR YOU WILL GET AN ERROR';

// I am a good function that only accesses an initialized db variable
function doit() {
    var request = window.indexedDB.open(......);
    request.onsuccess = function(event) {
        // Use this db variable, not your global one
        var db = event.target.result;

            // Note that you can also access the db variable using other means
        // here like this.result or request.result, but I like to use event.target
        // for clarity.

        // Now work with the db variable
        var store = db.transaction(['tree_nodes'],'readwrite').objectStore('tree_nodes');
        // do some more stuff with store....
    };
}
于 2013-05-04T21:31:40.013 回答
5

简而言之，为了从 indexeddb 获取数据，您需要做些什么首先您需要打开数据库以检索数据。

var request = indexedDB.open("tree_nodes", v); // first step is opening the database
request.onsuccess = function(e) {
        var db =  e.target.result;
        var trans = db.transaction(["tree_nodes"], 'readwrite'); //second step is opening the object store
        var store = trans.objectStore("tree_nodes");
        
        var request = store.get(id); //getting single object by id from object store
        
        request.onsuccess = function(e) {
            showDetails(e.target.result); // data retreived
            db.close();
        };
        
        request.onerror = function(e) {
                console.log("Error Getting: ", e);
        };
};
于 2012-08-10T14:59:28.693 回答