在 cookie 中存储和检索 json 对象

Question

我尝试将 json 对象存储在 cookie 中，但遇到了一些问题。 我可以像这样创建我的对象：

product = {
   "name" : "prodname",
   "quantity" : 4
}

然后我将该对象保存在我的 cookie 中。随着更多产品的添加（它是一个购物篮），我通过将新对象附加到 cookie 字符串的末尾来添加更多字符串（所以我本质上有很多小的独立对象）。不过，我无法将对象从 cookie 字符串中取出。当我尝试从 cookie 读回对象时，$.parseJSON 和 eval 都失败。任何帮助将不胜感激。

Answer 1

将 JSON.stringify(cookieStr) 返回的值保存到 cookie 并不是一个好习惯。它可能会导致某些浏览器出现错误。

在使用它之前，您应该将其转换为base64（使用btoa），并且在读取它时，从base64转换（使用atob）

val = JSON.stringify(cookieStr)
val = btoa(val)

write_cookie(val)

Answer 2

它可能应该是这样的：

{"products": [
    {
       "name" : "prodname",
       "quantity" : 4
    },
    {
       "name" : "prodname2",
       "quantity" : 3
    }
]}

[] 表示一个数组。当您想要添加另一个产品时，您可以从 cookie 加载它，更新数组，然后再次保存。如果你愿意，你可以跳过外部对象并让 cookie 只是数组。

编辑：假设 cookieStr 是您的 cookie。

var root = $.parseJSON(cookieStr);
root.products.push(newProduct);
cookieStr = JSON.stringify(root);