javascript - 附加 cookie 的新值

Question

这段 JavaScript 代码

function writeCookie(CookieName, CookieValue, CookieDuration) {
    var expiration = new Date();
    var now = new Date();
    expiration.setTime(now.getTime() + (parseInt(CookieDuration) * 60000));
    document.cookie = CookieName + '=' + escape(CookieValue) + '; expires=' + expiration.toGMTString() +
        '; path=/';
}

function readCookie(CookieName) {
    if (document.cookie.length > 0) {
        var beginning = document.cookie.indexOf(CookieName + "=");
        if (beginning != -1) {
            beginning = beginning + CookieName.length + 1;
            var ending = document.cookie.indexOf(";", beginning);
            if (ending == -1) ending = document.cookie.length;
            return unescape(document.cookie.substring(beginning, ending));
        }
        else {
            return "";
        }
    }
    return "";
}
var before = readCookie('totali');
var after = before + 1;
writeCookie('totali', after, 43200);

应该读取 cookie 'totali'，将其值添加“1”，然后重写新值。第一次运行代码时，cookie 变为“1”，但第二次变为“11”，第三次变为“111”，依此类推。可能是什么问题？

Answer 1

您正在连接字符串。在尝试添加之前将从 cookie 读取的值转换为数字:

var after = parseInt(before) + 1;

但问题是，第一次读取 cookie 时，该值是一个空字符串，而 parseInt("") 将为 NaN。在这种情况下，您必须在使用之前进行检查。如果函数返回空字符串，则分配 1；如果不是，则分配存储在 cookie 中的值 + 1:

var after = (before.trim() == "") ? 1 : parseInt(before) + 1;

这假设您从未在 totali cookie 中放置除数字以外的任何内容。

参见http://jsfiddle.net/9rLZP/3/ (我更改了 cookie 的名称，因此您无需删除以前的 cookie 即可看到更改)