IndexedDB等待事件

时间:2018-03-06 10:12:12

标签: javascript indexeddb

我在尝试从对象存储中检索数据时遇到了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"在回来之前完成?

任何帮助都非常适合。

1 个答案:

答案 0 :(得分:2)

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)才能使其与尚未支持承诺的浏览器(例如IE)配合使用。由于IE无论如何都不支持indexedDB,因此你不必在这种情况下使用它。