如何使用 javascript/jquery 对 cookie 进行编码？

Question

我和我的朋友一起在网上商店工作。 他用 PHP 为我设置了一个 cookie，其中包含添加到购物车的产品数量。 cookie 被称为“cart”，带有产品数量的变量被称为“items”。

我必须读取cookie并使用javascript获取“cart”的值并将其打印在HTML文档中，但我不知道如何使用它，你能帮我吗？ 我以前从未使用过 cookie 或 JSON，但我认为应该使用 JSON 来完成，您能否向我解释一下它是如何工作的？

当我这样做时： console.log(document.cookie);

我收到这样的信息： cart=%7B%22items%22%3A%7B%228%22%3A1%7D%7D;

而且我不知道如何对其进行编码。

谢谢

Answer 1

那是{"items":{"8":1}}的 URL 编码等价物，它是您想要的 JSON 字符串。

您所要做的就是对其进行解码并解析 JSON：

var cart = JSON.parse(decodeURIComponent(document.cookie.cart));

然后记录购物车应该为您提供一个具有“items”属性的对象，您可以根据需要访问该对象。

编辑：

例如，这里有一种方法可以遍历项目并确定项目的总数及其所有数量的总和。

var items_total = 0,
    quantity_total = 0;
for (var prop in cart.items) {
    items_total += 1;
    quantity_total += cart.items[prop];
}

console.log("Total Items: " + items_total);
console.log("Total Quantities: " + quantity_total);

Answer 2

看起来你只需要解码它，然后你会想要解析/评估它以获得一个可行的对象：

var obj, decoded = decodeURIComponent(document.cookie.cart);
if(window.JSON && JSON.parse){
  obj = JSON.parse(decoded);
} else {
  eval('obj = ' + decoded);
}
// obj == {"items":{"8":1}};