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

Question

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

但是，我无法存储和检索 cookie。我已经按顺序在我的 HTML 文件中包含了 jquery-1.7.1.min.js、json2.js 和 jquery.cookie.js。

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

$.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"));

甚至在刷新页面之前，就会弹出一条警告，内容为“null”。文本不应该是警报 JSON 字符串吗？我是否正确使用了 JQuery cookie 库？

---

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

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

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

Answer 1

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

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

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

Answer 2

根据我的研究，jquery.cookie.js 已经相当老了，并且 似乎 不再需要维护了。改用this library 可能会更好。它在 Google 代码上的描述是“带有 jQ​​uery 绑定和 JSON 支持的 Javascript Cookie 库”，并且包含了您想要做的所有事情的方法！

Answer 3

如果您在使用 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.