将Javascript对象保存到Chrome.Storage

Question

Google Chrome扩展程序的此代码无效。 我是Java语言的新手，不确定是什么问题。 任何帮助将不胜感激。

JS / jQuery

var userV = serviceName + 'Username'; 
var passV = serviceName + 'Password'; 

boolean works = true; 

var User = {
  passV: password, 
  userV: username, 
  works = true; 
}

chrome.storage.sync.set({User : userV}, function() {
  console.log('');
});
chrome.storage.sync.set({User : passV }, function() {
  console.log('');
});

脚本

chrome.storage.sync.get("userV", function (User) {  
    sUsername = User.userV; 
};

chrome.storage.sync.get("passV", function (User) {  
    sPassword = User.passV; 
};

感谢您的任何帮助。

Answer 1

在您的代码中，您将用户名和密码存储在相同的键名中，因此您只会获得最后分配的值，

以及您按值而不是按键检索值

JS / jQuery

var userV = serviceName + 'Username'; 
    var passV = serviceName + 'Password'; 

    boolean works = true; 

    var User = {
      passV: password, 
      userV: username, 
      works = true; 
    }

    chrome.storage.sync.set({User : userV}, function() {
      console.log('');
    });
    chrome.storage.sync.set({Pass : passV }, function() {
      console.log('');
    });

脚本

chrome.storage.sync.get("User", function (data) {  
    sUsername = data.User; 
};

chrome.storage.sync.get("Pass", function (data) {  
    sPassword = data.Pass; 
};

Answer 2

为了更加简化，您可以将整个User对象存储到存储中。 当您要存储用户数据时，代码如下所示：

var userV = serviceName + 'Username'; 
var passV = serviceName + 'Password'; 

boolean worksV = true; 

var user = {
  password: passV, 
  username: userV, 
  works: worksV 
};

chrome.storage.sync.set({"user" : user}, function() {
  // Do something...
});

然后，当您要检索存储的数据时，代码为：

chrome.storage.sync.get("user", function(data) {
  var user = data.user;
  var passV = user.password;
  var userV = user.username;
  var worksV = user.works;
  // Do something...
});

我认为您不需要将每个数据项都存储为每个属性。 我建议将其存储为一个对象。