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()函数。

Answer 2

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

将Var存储到本地存储中

2 个答案: