如何用javascript/jquery编码cookie？

Question

我和朋友一起在网上开店.他用PHP为我设置了一个cookie,其中包含了添加到购物车中的产品数量.cookie被称为"购物车",带有产品数量的变量称为"商品".

我必须阅读cookie并使用javascript获取"cart"的值并将其打印在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));

然后记录购物车应该为您提供一个具有'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);