1

我尝试使用 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 上进行了相同的测试。当我点击添加按钮时，错误来自同一行 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。

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

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

谢谢。

西尔万

4

1 回答 1

1

由于检查，您的对象存储没有被创建if (db.version != dbVersion)。永远不会进入该块。只需删除检查，更改为const dbVersion = 2;，一切都应该很好。

于 2013-07-16T01:20:15.563 回答