Question

我尝试使用Indexed DB API进行某些测试。

我的代码如下：

<html>
<head>
    <script type="text/javascript">

        var db = null;
        const dbName = "contactsDB";
        const dbVersion = 1;
        const storeName = "contacts";

        const contacts = [
            {id : 1, firstname : 'F1', lastname : 'L1'},
            {id : 2, firstname : 'F2', lastname : 'L2'}
        ];

        function init() {
            window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
            openDB();
        }

        function openDB() {
            var request = window.indexedDB.open(dbName, dbVersion);

            request.onerror = function (e) {
                alert('DB connexion error : ' + e.target.errorCode);
            };

            request.onsuccess = function (e) {
                alert('DB connexion success');
                // get db instance
                db = e.target.result;
            };

            // seulement implemente sur les browsers recents
            request.onupgradeneeded = function (e) {
                // updgrade DB
                var db = e.target.result;

                if (db.version != dbVersion) {              
                    // create object store
                    var objectStore = db.createObjectStore(storeName, {keyPath : "id"});

                    // create index to search contacts by lastname.
                    // Duplicates possible ==> so no unique index
                    objectStore.createIndex("lastname", "lastname", {unique : false});
                }
            };
        }

        function addToDB() {
            // get object store in tx
            var objectStore = getObjectStore(storeName, "readwrite");

            // stores values
            for (var c in contacts) {
                var request = objectStore.add(contacts[c]);
                request.onsuccess = function (e) {
                    alert('Add success for ' + e.target.result);
                }
            }

        }

        function getObjectStore(store_name, mode) {
            var tx = db.transaction(store_name, mode);
            return tx.objectStore(store_name);
        }

    </script>
</head>
<body onload="init();">
    <input type="button" onclick="addToDB();" value="Add" />
</body>
</html>

我有一个Web服务器可以使用localhost域的页面。

当我使用Firefox 22.0加载页面时，数据库打开成功。但是，当我单击Add按钮并调用addToDB函数时，我在Firefox控制台中出现以下错误：

NotFoundError：操作失败，因为找不到请求的数据库对象。例如，对象存储不存在但正在打开 var tx = db.transaction（store_name，mode）;

我也在Chrome 24上进行了相同的测试。当我点击Add按钮时，错误来自同一行var tx = db.transaction（store_name，mode）;在Chrome控制台上，我有以下错误：

未捕获错误：NotFoundError：DOM IDBDatabase异常8

通过搜索有关该异常的更多信息，我找到了以下链接：

https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabaseException?redirectlocale=en-US&redirectslug=IndexedDB%2FIDBDatabaseException

在该链接中，它被标记为例外8：请求被中止，例如，通过调用IDBTransaction.abort。

所以，我的问题我不知道为什么我的请求会在那时中止。

有人有想法帮助解决这个问题吗？

感谢。

西尔

Answer 1

由于if (db.version != dbVersion)检查，未创建对象库。永远不会输入该块。只需删除支票，请更改为const dbVersion = 2;，一切都应该正常。

NotFoundError：DOM IDBDatabase在indexedDB中创建事务时的异常8

1 个答案: