JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 异步使用IndexedDB大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
加载数据并将其存储在indexeddb数据库中.我经常有数据库崩溃并失去对它的访问权限.
请给我一个如何异步使用indexeddb的解决方案!

我现在使用的示例代码:

var dataTotal = 0;
var threads = 6;

//openIndexeddbConnection();

function start(total){

dataTotal = total;
  for (var i = 0; i < threads; i++) {
    loadData(i);
  }
}

function loadData(dataNum){
  var dataNext = dataNum + threads;
  if(dataNext > dataTotal){
    //checkEnd();
    return;
  }

  $.ajax({
    url: baseUrl,data: {offset: dataNum},success: function (data) {
      successData(dataNext,data);
    },type: 'GET'
  });
}

function successData(dataNext,data){
  var dataArray = data.split(';');

  saveData(dataArray);

  loadData(dataNext);
}

function saveData(dataArray){

  putItem();
  function putItem(i) {
    var count = i || 0;
    if(dataArray.length <= i){
      return;
    }

    var transaction = Indexeddb.transaction([dataTableName],"readwrite");
    transaction.onsuccess = function (event) {
      //continue
      putItem(count);
    };
    var objectStore = transaction.objectStore(dataTableName);

    var request = objectStore.add({data: dataArray[count++]});
  }
}

解决方法

我一直在使用 idb – 一个使用promises包装IndexedDB的简单库.这使得异步DB操作更容易使用.

如果您定位Chrome(或使用支持Chrome的转发器),您可以使用async和await来简化代码:

async function saveData(dataArray) {
    const db = await idb.open('YourDB',currentVersion,upgradeFunction);
    const tran = await db.transaction('StoreName','readwrite');
    const store = tran.objectStore('StoreName');

    // This will add the items sequentially
    for(let item of dataArray) {
        await store.add({data:item});
    }
}

大佬总结

以上是大佬教程为你收集整理的javascript – 异步使用IndexedDB全部内容,希望文章能够帮你解决javascript – 异步使用IndexedDB所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: