如何从存储在 sessionStorage 中的 JSON 值中检索特定对象？

Question

我将其存储在会话中：

我要做的是将 JSON 中的每个对象分配为变量，以便我可以将它们适当地添加到 DOM。

这行得通，但会打印出所有内容：

if (sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9') != null) {
    $(sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9')).appendTo('.div');
}

我想要的是这样的，但它不起作用：

var div1 = $(JSON.parse(sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9', 'a.cart-contents')));
var div2 = $(JSON.parse(sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9', 'a.footer-cart-contents')));
var div3 = $(JSON.parse(sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9', 'div.widget_shopping_cart_content')));

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

看来您已将选择器设置为对象的键，因此您可以迭代这些键来获取每个选择器。

这些选择键的建议不是 100% 清楚。我假设这些选择器是您要插入 html 字符串的元素，并且 $() 意味着您正在使用 jQuery

if (sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9') != null) {
    var data = JSON.parse(sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9');

   $.each(data, function(selector, htmlString){
      $(selector).append(htmlString)
   });
}

Answer 2

多次从 storage 中获取相同的值不是一个好主意。此外，您需要更好的变量名称。

var json = sessionStorage.getItem('wc_fragments_aaf6a2e5b971cb51d59e8f3eae9b34c9');
if (json) {
    var data = JSON.parse(json);
    if (data) {
        var cart_link = $(data['a.cart-contents']),
        footer_link = $(data['a.footer-cart-contents']),
        widget_div = $(data['div.widget_shopping_cart_content']);
    }
}

如何从存储在 sessionStorage 中的 JSON 值中检索特定对象？

How to retrieve a specific object from a JSON value stored in sessionStorage?

javascript

cookies

session

session-storage

session-cookies