我在尝试从对象存储中检索数据时遇到了IndexedDB的问题。
function GetLayoutData(key) {
indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;
var open = indexedDB.open("DB", 1);
open.onsuccess = function () {
db = open.result;
tx = db.transaction("Store", "readwrite");
var store = tx.objectStore("Store");
store.get(key).onsuccess = function (event) {
console.log(event.target.result);
return event.target.result;
}
}
基本上我有一个函数,我想返回检索的值,所以我可以用它来设置和输入元素,问题是函数不等待事件,只是没有返回任何因为它还没有任何数据。函数看起来像这样我怎么能告诉它在返回之前等待“onsuccess”完成?
任何帮助都非常适合。
使用Promise
可能的解决方案;
function getLayoutData(key) {
return new Promise(function(resolve)) {
indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;
var open = indexedDB.open("DB", 1);
open.onsuccess = function () {
db = open.result;
tx = db.transaction("Store", "readwrite");
var store = tx.objectStore("Store");
store.get(key).onsuccess = function (event) {
return resolve(event.target.result);
}
}
}
}
然后像这样实现它:
getLayoutData().then(function(result) {
// Do whatever you want with the data
});
通常你需要一个(promise polyfill)来使它适用于不支持promises的浏览器(例如IE)。因为IE无论如何都不支持indexedDB,所以你不必在这种情况下使用它。