为什么 jQuery cookie 实际上没有设置 cookie？

Question

我正在使用 jQuery 开发一个使用 cookie 的应用程序。现在，它位于我的 PC 桌面上的 application.html 位置。

但是，我无法存储和检索 cookie。我在 HTML 文件中包含了 jquery-1.7.1.min.js、json2.js 和 jquery.cookie.js命令。

以下是我如何存储持续 7 天的 cookie：

$.cookie("people", JSON.stringify(people_obj_array), {expires: 7});

全局数组 people_obj_array 看起来像

[
        {
            "name": "Adam",
            "age": 1,
        },
        {
            "name": "Bob",
            "age": 2,
        },
        {
            "name": "Cathy",
            "age": 3,
        },
    ]

当我使用 alert(JSON.stringify(people_obj_array)) 测试 JSON 加密时，它看起来不错：

但是，当我通过以下方式检索此 cookie 时：

alert($.cookie("people"));

在刷新页面之前，会弹出一个警报读 “无效的。”文本不应该是警报 JSON 字符串吗？我是否正确使用了 JQuery cookies 库？

---

只是为了澄清一下，这是我的测试方式：

$.cookie("people", JSON.stringify(people_obj_array), {expires: 7}); // store
alert($.cookie("people")); // attempt to retrieve

我有 Firebug，并且我愿意做一些控制台测试。

Answer 1

导致问题的原因可能是该文件位于您的桌面上。浏览器通常会根据接收cookie的域及其路径来提供cookie。

设置 cookie 后，您可能无法立即读取它：写入 cookie 涉及在 HTTP 请求中设置标头，同样，读取它们涉及读取 HTTP 响应中的标头。

尝试在网络服务器上托管您的页面，看看这是否适合您。

Answer 2

如果您在使用 cookie 插件时遇到问题，为什么不编写自己的 cookie 函数呢？读取、写入和（可选）删除。

var createCookie = function(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = '; expires=' + date.toGMTString();
    }
    else var expires = '';
        document.cookie = name + '=' + value + expires + '; path=/';
};
var readCookie = function(name) {
    var nameEQ = name + '=';
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
};
var eraseCookie = function(name) {
    createCookie(name, '', -1);
};

我无法评论特定的插件，因为我从未使用过它。但是这些功能都可以工作并且已经过测试。

所以对于你的例子：

createCookie("people", JSON.stringify(people_obj_array), 7); // store
alert(readCookie("people")); // retrieve
eraseCookie("people"); // remove
alert(readCookie("people")); // oo look i'm no longer here.

Answer 3

根据我的研究，jquery.cookie.js 相当旧，并且似乎不再被维护。如果使用此库，您的运气可能会更好。它在 Google Code 上的描述是“具有 jQuery 绑定和 JSON 支持的 Javascript Cookie 库”，并且包含您想要做的所有事情的方法！