IndexedDB中同时获取多个表项

Question

在 indexedDB 中，我创建了一个具有多个动态对象存储的数据库 从哪里我可以从单个表中获取项目，但是当尝试使用循环从所有表中获取所有数据时，它只显示最后一个表数据，错误消息 objectStore is not specified for previous table. 可能有任何简单的解决方案，但我无法得到它由于新的 indexedDB。 以下是我的功能：

function displayData(store) {

    for(i = 0; i < TotalModule; i++) {
    ModuleCode= $("#MC_"+i).val();
     storeName = 'tableName_'+ModuleCode;
     DbStoreName .push(storeName );
    }
   DbStore = "'" + DbStoreName .join("','") + "'";

   if (typeof DbStore == 'undefined')

     tx = db.transaction(DbStore, 'readwrite');  //['tab1','tab2','tab3']

        $.each(DbStoreName , function(i) {
            STORE_NAME = DbStoreName [i];
            var ob = 'ob'+i;
            ob = tx.objectStore(STORE_NAME);
      });

}

view Image.

Answer 1

听起来您正试图在同步 for 循环中调用异步函数。在使用 indexedDB 之前，您应该对编写异步 Javascript 非常熟悉。

也就是说，试试下面的伪代码。我选择使用 Promise。

function load_store(store) {
  return new Promise(function(resolve, reject) {
    var request = store.getAll();
    request.onsuccess = () => resolve(request.result);
    request.onerror = () => reject(request.error);
  });
}

function load_stores(db, names) {
  var tx = db.transaction(names, 'readonly');
  var stores = names.map((name) => tx.objectStore(name));
  var load_store_promises = stores.map(load_store);
  return Promise.all(load_store_promises);
}

function displayData() {
  var names = ...;
  var db ...;
  load_stores(db, names).then(function(array_of_arrays) {
    console.log('data:', array_of_arrays);
  }).catch(function(error) {
    console.log('loading error', error);
  });
}