javascript - 将 Var 存储到本地存储中

Question

大家好，我知道这个问题之前已经被问过，但是没有一个答案似乎可以解决这个问题。

我有这个简单的 jQuery 代码:

var productName = jQuery('.product-name h1').html;

我想将 productName 变量存储到本地存储中，以便在刷新页面时可以使用该变量。

有人可以告诉我如何实现这一点吗？

谢谢，尼克

Answer 1

要将新项目添加到 Web Storage API:

// First method
localStorage.setItem('VARIABLE_NAME', 'VARIABLE CONTENT');
// Second method
localStorage.VARIABLE_NAME = 'VARIABLE_CONTENT';

要从 Web Storage API 检索值:

localStorage.getItem('VARIABLE_NAME');
// or
localStorage.VARIABLE_NAME;

要存储对象，您需要将 Javascript 对象更改为 JSON 表示法:

localStorage.setItem('VARIABLE_NAME', JSON.stringify(JS_OBJECT));

引用:

1. Using the Web Storage API

2. JSON.stringify()

第一次评论后，我认为正确的做法是:

Session.prototype.setDOMObject = function(name, object) {
    Session.setItem(name, JSON.stringify(object));
}

Session.prototype.getDOMObject = function(name) {
    var object = JSON.parse(Session.getItem(name));

    return $(object.selector);
}

这样，它存储一个选择器并检索使用此选择器创建的对象。但它不存储 DOM 元素的状态。如果你想保存 DOM 对象的状态(在 HTML 中)，那么你需要使用 .html()功能。