如何使用JavaScript / jQuery对Cookie进行编码？

Question

我正在和朋友一起在网上商店工作。他使用PHP为我设置了一个Cookie，并在购物车中添加了一定数量的产品。cookie称为“购物车”，带有产品数量的变量称为“
items”。

而且，我必须阅读cookie并使用javascript获取“购物车”的值并将其打印在HTML文档中，但是我不知道如何使用它，请您能帮我吗？我以前从未使用过Cookie或JSON，但我认为应该使用JSON完成，您能否向我解释它的工作原理？

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

我收到如下信息： cart=%7B%22items%22%3A%7B%228%22%3A1%7D%7D;

而且我不知道如何编码。

谢谢

Answer 1

这是URL编码的等效项，{"items":{"8":1}}即您想要的JSON字符串。

您所要做的就是解码并解析JSON：

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

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

编辑：

例如，这是一种遍历项目并确定项目总数及其全部数量的方法。

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);