为什么indexedDB在添加到数据库时会跳过一些数据?
Why does indexedDB skip some data when adding to database?
我正在使用 javascript 来执行此操作。
我想将数据添加到数据库 (indexedDB)。数据将作为 json 来自 Web 服务,我正在遍历它并将其添加到带有 keyPath 的 objectStore。
当我查看来自 web 服务的数据时,我有一个包含 186 个对象的数组,但是当我从 indexedDB 读取数据时,我有 151 个。当我去检查数据库以查看数据是否存在时,它不是...所以我的添加功能一定有问题。
这是我的代码:
打开一个带有 objectStore 的数据库:
let db;
let request = window.indexedDB.open("WHS", 4);
request.onerror = function(event) {
console.log(event.target.errorCode);
};
request.onsuccess = function(event) {
db = event.target.result;
};
request.onupgradeneeded = function(event) {
let db = event.target.result;
let palletStore = db.createObjectStore("pallets", { keyPath: "palletno" });
};
将数据传递给我的函数后添加数据:
function addPalletsToIDB(pallets) {
let transaction = db.transaction(["pallets"], "readwrite");
let objectStore = transaction.objectStore("pallets");
$.each(pallets, function(i, pallet) {
let request = objectStore.put(pallet);
})
request.onsuccess = function(event) {
console.log('Added pallets : ', event.target.response);
};
transaction.oncomplete = function() {
getPalletDataFromIDB();
}
};
读取数据:
function getPalletDataFromIDB() {
palletsFromIDB = [];
let transaction = db.transaction(["pallets"], IDBTransaction.READ);
transaction.oncomplete = function(event) {
console.log(event);
};
transaction.onerror = function(event) {
console.log(event.type);
};
let objectStore = transaction.objectStore("pallets");
objectStore.openCursor().onsuccess = function(event) {
let cursor = event.target.result;
if (cursor) {
palletsFromIDB.push(cursor.value);
cursor.continue();
}
transaction.oncomplete = function() {
console.log("[palletsFromIDB] ", palletsFromIDB);
toastr.info("Got pallets");
};
};
};
来自网络服务:{pallets: Array(186)}
来自 indexedDB:[palletsFromIDB] (151)
一种方法是在您的 json 中创建一个唯一的 keyPath 并将其作为您在索引数据库中的 keyPath。
我正在使用 javascript 来执行此操作。 我想将数据添加到数据库 (indexedDB)。数据将作为 json 来自 Web 服务,我正在遍历它并将其添加到带有 keyPath 的 objectStore。
当我查看来自 web 服务的数据时,我有一个包含 186 个对象的数组,但是当我从 indexedDB 读取数据时,我有 151 个。当我去检查数据库以查看数据是否存在时,它不是...所以我的添加功能一定有问题。
这是我的代码:
打开一个带有 objectStore 的数据库:
let db;
let request = window.indexedDB.open("WHS", 4);
request.onerror = function(event) {
console.log(event.target.errorCode);
};
request.onsuccess = function(event) {
db = event.target.result;
};
request.onupgradeneeded = function(event) {
let db = event.target.result;
let palletStore = db.createObjectStore("pallets", { keyPath: "palletno" });
};
将数据传递给我的函数后添加数据:
function addPalletsToIDB(pallets) {
let transaction = db.transaction(["pallets"], "readwrite");
let objectStore = transaction.objectStore("pallets");
$.each(pallets, function(i, pallet) {
let request = objectStore.put(pallet);
})
request.onsuccess = function(event) {
console.log('Added pallets : ', event.target.response);
};
transaction.oncomplete = function() {
getPalletDataFromIDB();
}
};
读取数据:
function getPalletDataFromIDB() {
palletsFromIDB = [];
let transaction = db.transaction(["pallets"], IDBTransaction.READ);
transaction.oncomplete = function(event) {
console.log(event);
};
transaction.onerror = function(event) {
console.log(event.type);
};
let objectStore = transaction.objectStore("pallets");
objectStore.openCursor().onsuccess = function(event) {
let cursor = event.target.result;
if (cursor) {
palletsFromIDB.push(cursor.value);
cursor.continue();
}
transaction.oncomplete = function() {
console.log("[palletsFromIDB] ", palletsFromIDB);
toastr.info("Got pallets");
};
};
};
来自网络服务:{pallets: Array(186)} 来自 indexedDB:[palletsFromIDB] (151)
一种方法是在您的 json 中创建一个唯一的 keyPath 并将其作为您在索引数据库中的 keyPath。