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

$(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变量未定义.我得到错误：无法调用未定义的方法“事务”.

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

解决方法

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
  }
}

• 上一篇：初始化后如何动态更改按钮的jQuery下一篇：jquery – AJAX发布JSOSN数据到空