使用 JavaScript 和 cookie 来创建用户身份验证和笔记应用程序

Using JavaScript and cookies to create user authentication and a notes app

我正在尝试仅使用 JavaScript 创建一个简单的记事本应用程序(基本 CRUD)并且它必须具有 login/signup 功能,我已经设法创建代码来获取 cookie ,如果 cookie 不存在,它会设置一个,然后在过期日期后删除一个。

这是我的 cookie 代码:

function getCookie(usersCookie){
    if (document.cookie.length > 0){
        begin = document.cookie.indexOf(usersCookie+"=")
        if (begin != -1){
            begin += usersCookie.length+1;
            end = document.cookie.indexOf(";", begin);
            if (end == -1) end = document.cookie.length;
        return unescape(document.cookie.substring(begin, end));
        }
    }
}
function setCookie(usersCookie, value, expiredays){
    var ExpireDate = new Date ();
    ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000));
    document.cookie = usersCookie + "=" + escape(value) + ((expiredays == null) ? "" : "; expires =" + ExpireDate.toGMTString());
}
function delCookie (usersCookie){
    if (getCookie(usersCookie)){
        document.cookie = usersCookie + "=" + "; expires=Thu, 14-Jan-15 00:00:01 GMT";
    }
}

我现在需要知道的是我如何将数组保存到 cookie 以便稍后访问,因为我可以将它用于应用程序的其余部分,我正在用 Cookie 替换数据库,我知道这是做这样的事情的最糟糕的方式,这纯粹是一个自学练习,以习惯使用 cookie。

提前致谢

你可以使用JSON.stringify

var arr = [1,2,3,4];
var output = JSON.stringify(arr)

产出

"[1,2,3,4]"

将此值保存在 cookie 中,并在取回时使用 JSON.parse

arr = JSON.parse( output );