如何從存儲在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

多次從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']);
    }
}

Answer 2

如此看來，您已將選擇器設置為對象的鍵，因此可以迭代這些鍵以獲取每個選擇器。

這些選擇鍵的提議不是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)
   });
}