如何使用 jQuery $.cookie() 将对象数组存储在 cookie 中？

发布于 2024-12-29 07:30:19 字数 613 浏览 1 评论 0原文

我有一个 javascript 对象列表：

var people = [
   { 'name' : 'Abel', 'age' : 1 },
   { 'name' : 'Bella', 'age' : 2 },
   { 'name' : 'Chad', 'age' : 3 },
]

我尝试使用 jQuery $.cookie() 将它们存储在浏览器 cookie 中：

$.cookie("people", people);

然后检索此 cookie，然后尝试将另一个对象推入其中：

var people = $.cookie("people");
people.push(
    { 'name' : 'Daniel', 'age' : 4 }
);

但是，这不起作用；我在 Firebug 中分析了这段代码，控制台指出 people 是一个字符串 ("[object Object],[object Object],[object Object]")，并且推送功能不存在。

到底是怎么回事？存储和检索对象列表的正确方法是什么？

原文

I have a list of javascript objects:

var people = [
   { 'name' : 'Abel', 'age' : 1 },
   { 'name' : 'Bella', 'age' : 2 },
   { 'name' : 'Chad', 'age' : 3 },
]

I tried to store them in a browser cookie with jQuery $.cookie():

$.cookie("people", people);

I then retrieve this cookie and then try to push another object into it:

var people = $.cookie("people");
people.push(
    { 'name' : 'Daniel', 'age' : 4 }
);

However, this does not work; I analyzed this code in Firebug, and Console noted that people was a string ("[object Object],[object Object],[object Object]") and that the push function did not exist.

What is going on? What is the proper way to store and retrieve a list of objects?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

≈。彩虹 2025-01-05 07:30:20

我今天尝试了这一点，但无法让它发挥作用。后来我发现这是因为我有3个非常大的对象，我试图将它们保存在cookie中。

我解决这个问题的方法是将信息存储在浏览器的本地存储中。

示例：

localStorage.setItem("test2", JSON.stringify(obj) )

localStorage.getItem("test2")

有关本地存储的更多信息：cookie 与本地存储

我的 4 小时时间发泄到此，不要犯同样的错误。

I attempted this today and could not get it to work. Later i found out that it was because I had 3 very large objects which I tried to save in a cookie.

The way I worked arround this was by storing the information in the browsers local storage.

example:

localStorage.setItem("test2", JSON.stringify(obj) )

localStorage.getItem("test2")

further info about local storage: cookies vs local storage

4 hours of my time vent to this, dont make the same mistake.

回复收藏 0 原文

随遇而安 2025-01-05 07:30:19

Cookie 只能存储字符串。因此，您需要将对象数组转换为 JSON 字符串。如果您有 JSON 库，则只需使用 JSON.stringify(people) 并将其存储在 cookie 中，然后使用 $.parseJSON(people) 取消字符串化它。

最后，您的代码将如下所示：

var people = [
   { 'name' : 'Abel', 'age' : 1 },
   { 'name' : 'Bella', 'age' : 2 },
   { 'name' : 'Chad', 'age' : 3 },
];
$.cookie("people", JSON.stringify(people));
// later on...
var people = $.parseJSON($.cookie("people"));
people.push(
    { 'name' : 'Daniel', 'age' : 4 }
);
$.cookie("people", JSON.stringify(people));

Cookies can only store strings. Therefore, you need to convert your array of objects into a JSON string. If you have the JSON library, you can simply use JSON.stringify(people) and store that in the cookie, then use $.parseJSON(people) to un-stringify it.

In the end, your code would look like:

var people = [
   { 'name' : 'Abel', 'age' : 1 },
   { 'name' : 'Bella', 'age' : 2 },
   { 'name' : 'Chad', 'age' : 3 },
];
$.cookie("people", JSON.stringify(people));
// later on...
var people = $.parseJSON($.cookie("people"));
people.push(
    { 'name' : 'Daniel', 'age' : 4 }
);
$.cookie("people", JSON.stringify(people));

回复收藏 0 原文

~没有更多了~