从indexedDB中检索数据并将值返回到函数调用

时间:2016-07-13 12:58:40

标签: javascript indexeddb

我在javascript函数之间有共享变量,这是异步的。其中一个是主线程,另一个是基于事件。我希望在活动结束时返回值。

这是代码:

completeExecution = false;    // Shared Variable (Global Variable)
indexDBdata = {};             // Shared Variable (Global Variable)

function getPermission(key) {
    var permission_data={};

    if(exist_in_local) {
       indexdbConnection.getRecordByKey('userPermission',permitKey,function(data){
        indexDBdata=data; // Before its complete function return value
    });
    } else {
       // make ajax call & its working fine
    }
    return permission_data;
}

//从IndexedDB获取数据

getRecordByKey:function(tableName,key,readRecords){
    if(isEmptyOrNull(readRecords)){
        console.log("callback function should not be empty");
        return;
    }

    if(isEmptyOrNull(tableName)){
        console.log("table name should not be empty");
        return;
    }

    var returnObj={};
    var isSuccessfull=false;

    if(this.dbObject.objectStoreNames.contains(tableName)){
        var transaction=this.dbObject.transaction(tableName);
        var objectStore = transaction.objectStore(tableName);
        objectStore.get(key).onsuccess = function(event) {
            returnObj=event.target.result;
        };

        **//Return object after this events compelte**
        transaction.oncomplete = function(evt) { 
            completeExecution=true;
            indexDBdata=returnObj;
            readRecords(returnObj);

        };

        transaction.onerror = function(evt) {
            completeExecution=true;
            indexDBdata={status:'404'};
            readRecords("Table Not found");
        };
    } else {
        completeExecution=true;
        indexDBdata={status:'404'};
        readRecords("Table Not found");
    }

}

问题是从indexedDB检索数据时,它总是返回{}(空对象)。我想同步事件线程和主线程或等待事件完成。我不想在回调上直接操作DOM我必须返回值。

如果你有解决上述问题或任何其他技巧,请帮助我。

提前致谢。

1 个答案:

答案 0 :(得分:0)

我没有发现问题非常清楚,但如果我理解了,那么你需要学习更多关于编写异步javascript的知识。通常,调用回调函数的函数是void(它们返回未定义的值)。如果你想一起使用两个回调函数的结果,那么你会想要链接它们,以便在第一个调用其回调函数的函数完成后,回调函数然后调用第二个函数然后调用第二个回调函数。 。因此涉及四个函数调用。您将希望将处理逻辑放在连续回调函数的上下文中,而不是在函数外部继续逻辑并尝试使用其返回值。

换句话说,而不是试图这样做:

function a() {}
function b() {}
var aresult = a();
var bresult = b(aresult);
// processing of both a and b

您可以尝试执行以下操作:

function a(acallback) {
  acallback(...);
}
function b(bcallback) {
  bcallback(...);
}

a(function(...) {
  b(function(...) {
    // all processing of both a and b
  });
});