您好，我创建了一个 Indexeddb 数据库，但无法向其中输入数据。 数据库:
var request = indexedDB.open("BCDB");
request.onupgradeneeded = function() {
var db = request.result;
var store = db.createObjectStore("psf", { autoIncrement: true });
var psTag = store.createIndex("ps_tag", "psTag");
var psNameIndex = store.createIndex("ps_name", "psName");
var psResultIndex = store.createIndex("ps_result", "psResult");
var psDateIndex = store.createIndex("ps_date", "psDate");
};
request.onsuccess = function() {
db = request.result;
};
我可以看到数据库是在 Firefox 的“存储”窗口中创建的，但是当我尝试向其中输入内容时，它就是不起作用。
var tx = db.transaction("psf", "readwrite");
var store = tx.objectStore("psf");
var request = store.put({
psName: "ABC",
psTag: "XYZ",
psDate: "DEF",
psResult: "QWE"
});
request.onsuccess = function(e) {
alert('done');
};
request.onerror = function(e) {
alert(e.value);
};
此问题只发生在 Firefox 上。我可以在 Chrome 上成功输入。我隔离并发现是 put() 失败了，但在 Chrome 上没问题。
最佳答案
您的代码表明您只是想在数据库中插入一些数据，那么为什么要使用 put()，而不是使用 add() 呢？目的。
put() 是更新数据库中的东西，而 add() 是插入。
检查 - IDBObjectStore API
var request = store.add({
psName: "ABC",
psTag: "XYZ",
psDate: "DEF",
psResult: "QWE"
});
更新:使用 POC 样本
检查下面的代码，无论您使用 put() 还是 add() 都会起作用。试一试，它应该会起作用。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Stackoverflow</title>
<script>
var DB_handler = null
var request = indexedDB.open("BCDB");
request.onupgradeneeded = function(event) {
var db = request.result;
var store = db.createObjectStore("psf", { autoIncrement: true });
var psTag = store.createIndex("ps_tag", "psTag");
var psNameIndex = store.createIndex("ps_name", "psName");
var psResultIndex = store.createIndex("ps_result", "psResult");
var psDateIndex = store.createIndex("ps_date", "psDate");
};
request.onsuccess = function(event) {
DB_handler = event.target.result;
var tx = DB_handler.transaction("psf", "readwrite");
var store = tx.objectStore("psf");
var request = store.add({
psName: "ABC",
psTag: "XYZ",
psDate: "DEF",
psResult: "QWE"
});
request.onsuccess = function(e) {
alert('done');
var transaction = DB_handler.transaction(["psf"]);
var objectStoreHandler = transaction.objectStore("psf");
var cursorHandler = objectStoreHandler.openCursor();
cursorHandler.onerror = function(event) {
if (errorCallBack && typeof(errorCallBack) == 'function') {
errorCallBack(event);
}
};
cursorHandler.onsuccess = function(event) {
var cursor = event.target.result;
if (cursor) {
if(cursor.value != null && cursor.value != undefined){
console.log(cursor.value);
}
}
};
};
request.onerror = function(e) {
alert(e.value);
};
};
</script>
</head>
<body>
</body>
</html>
我的 Firefox 版本是 38.0.1。如果您的 Firefox 版本太旧而没有 IndexedDB，您可以检查一下吗，因为 add() 和 put() 是基本函数，因此应该正确实现它们。
关于javascript - 无法使用 Firefox 将 () 数据放入 indexeddb 数据库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30587625/