Question

我有一个添加按钮，可将产品ID添加到购物车，这可以通过将产品ID添加到由管道分隔的Cookie中来进行处理。现在，在购物车页面上，我有一个删除按钮，该按钮应从购物车中删除该特定产品ID，这意味着应从Cookie中删除该产品ID。

例如：Cookie值'22343 | 66562 | 88767'

当我点击ID 22343上的“删除”按钮时，更新的Cookie值应为 '66562 | 88767'

如何使用javascript来实现这一目标。

Answer 1

您随时可以更新Cookie

document.cookie = "id=22343|66562|88767'"; // Create 'id' cookie
document.cookie = "id=66562|88767"; // Update the id cookie, i.e. overwrite

此外，如果要删除，则使cookie失效

了解更多信息，请访问 https://developer.mozilla.org/en-US/docs/Web/API/document/cookie

Answer 2

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "") + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    if (ca === null) return "";
    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;
}


function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999;' }

如何从现有的Cookie中删除值

2 个答案: