Question

我编写代码来创建数据库：

var db;
var request = indexedDB.open("TestDatabase");
request.onerror = function(evt) {
  console.log("Database error code: " + evt.target.errorCode);
};
request.onsuccess = function(evt) {
  db = request.result;
  console.log(JSON.stringify(db));
};

它在FF / Chrome中运行良好，代码：JSON.stringify（db）返回json对象。但是，它在IE10中不起作用。代码：JSON.stringify（db）返回一个空对象。

每个人都有同样的问题吗？你能花点时间帮我吗？谢谢。

更新：我还检查了IE10中支持的IndexedDB，如下：

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

它返回true！我不知道JSON.stringify（db）总是返回一个空对象。：（

Answer 1

嗯，您的索引数据库是实际定义的，这也是您从

获得真实的原因

var indexedDB = window.indexedDB

问题是由JSON.stringify（）引起的，它在要求序列化的任何对象上查找toJSON（）方法。变量db没有它，并调用db.toString（）。

window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
var db;
var request = window.indexedDB.open("TestDatabase",1);
request.onerror = function(evt) {
  console.log("Database error code: " + evt.target.errorCode);
};
request.onsuccess = function(evt) {
  db = request.result;
  // extend the toJSON property for your indexeddb object
  db.toJSON = function() {
     return JSON.stringify({name : db.name});
  };
  //output: [object IDBDatabase]{constructor: IDBDatabase {...}, name: "TestDatabase", objectStoreNames: DOMStringList {...}, onabort: null, onerror: null, version: 1}
  console.log(db);
  // name is a inherit property 
  console.log(db.hasOwnProperty(name));
  // name is not a numerable property
  console.log(db.propertyIsEnumerable(name));
  // toString returns a native object, not a JSON String, thats why you have {} with JSON.stringify(db)
  console.log(db.toString);
  // JSON.stringify call the db.toJSON(), and get the "{\"name\":\"TestDatabase\"}"
  console.log(JSON.stringify(db));
};

无法在IE10中创建IndexedDB数据库

1 个答案: