jquery – 在indexedDB中打开几个数据库连接是不是很糟糕?

我现在一直在使用IndexedDB,我可以成功创建一个数据库,创建一个商店,并在“需要升级时”添加一个值.我不明白的是,数据库是保持“开放”还是你必须在需要访问数据库中的读/写信息的每个函数内重新打开它?

例如,这是我的代码(可以工作)来创建一个数据库,并插入一条记录:

$(document).ready(function() {

var db;

function initDB() {
    console.log("opening db...");

    var req = indexedDB.open(dbname,version);
    req.onsuccess = function(event) {
      db = this.result;
      console.log("opening db is done");
    }

    req.onerror = function(event) {
      console.log("error opening db: ",event.target.errorCode);
    }

    req.onupgradeneeded = function(event) {
      db = event.target.result;
      var store = db.createObjectStore("creds",{ autoincrement: true });
      store.add({ username:'none',password:'none'},1);
    }
  }

造成我混淆的是,当我需要访问该数据库中的记录,或添加更多记录或删除记录时,我想我可以创建一个函数并插入一些值.这就是我所拥有的(失败):

function saveCreds() {
    usr = $("#username").val();
    psw = $("#password").val();

    $.getJSON(baseURL + "cred-check/?callback=?",{ username:usr,password:psw },function(data) {
      if (data.creds_good == 'true'); {
        // NEXT LINE FAILS
        var store = db.transaction(['creds'],'readwrite').objectStore('creds');
        var request = store.get(1);
        request.onsuccess = function (event) {
          var data = request.result;
          data.username = usr;
          data.password = psw;

          var requestUpdate = store.put(data,1);
          requestUpdate.onerror = function(event) {
            console.log("error putting value...");
          }
        }
      }
    });
  }

这个saveCreds和initDB函数在$(document).ready()函数内部,db变量在initDB和saveCreds函数之外声明,但在$(document).ready()中,所以我认为我的范围是正常的.

问题是,db变量未定义.我得到错误:无法调用未定义的方法“事务”.

这是否意味着对于需要访问数据库中数据的每个函数,我需要重新打开它,并将其重新分配给变量,以便我可以操作/读取数据库中的数据?

解决方法

我的回答必须是:有时候.不,您不需要总是打开新连接.您可以在连接上使用多个事务.一种简单的方法是将db变量传递给这些函数.但是,您必须了解javascript和indexedDB的异步特性.有时您需要打开新连接.例如,在某些其他事件的触发器上.

因此,如果您正在进行多个事务,请使用类似以下内容的大型函数

function domultiplethings() {
  var db = ... 
  callfunction1(db);
  callfunction2(db);
}

function callfunction1(db) {
  if(!db) {
    // open a new connection then call ourself
  } else {
    // active connection,do read/write stuff
  }
}

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...