为cookie设置新值会创建一个重复的cookie - jquery cookie

Question

我在尝试删除cookie时遇到问题，如果我已将其设置在其他页面上。 这是场景：

我在我的主页上并设置了一个cookie值（通过在我的购物篮中添加一个产品），我可以在该页面上删除它。

但是当我进入另一个页面并尝试删除相同的cookie（产品）时，使用新值再次创建cookie，它不会重新设置我当前的cookie。

我正在使用此代码添加/删除cookie：

$(".add-basket").click(function(e){
    e.preventDefault();
    var ean = $(this).attr('ean');
    var value = $(this).attr("value");
    var path = $(this).attr("imgpath");

    if($.cookie("mycookie")==undefined || $.cookie("mycookie")==""){
        $.cookie("mycookie" , ean + "~" + value + "~" + path);
    } else if($.cookie("mycookie").indexOf(ean) == -1 ){
        $.cookie("mycookie",$.cookie("mycookie") + "|" + ean + "~" + value + "~" + path);
    }

});

$(".remove-basket").click(function(e){
    e.preventDefault();
    var ean = $(this).attr('ean');
    var value = $(this).attr('value');
    var path = $(this).attr("imgpath");

    var val = ean + "~" + value + "~" + path; //value to be removed
    if ($.cookie("mycookie") !== undefined) {
        var cookie_val = $.cookie("mycookie");
        if (cookie_val.indexOf(val) !== -1) {
            //check value present in cookie
            var arr = cookie_val.split('|'); //remove spaces and split with |
            var index = arr.indexOf(val);//get index of value to be deleted
            arr.splice(index, 1);  //remove value from array 
            $.cookie("mycookie", arr.join('|')); //convert array to sting using join and set value to cookie
        }
    }

我错过了什么吗？

请帮忙

Answer 1

您需要设置cookie有效域，尝试使用以下命令设置cookie：

$.cookie("mycookie", 'value', {path: '/'});

这将使cookie在整个网站上有效，如果这不起作用，请尝试清除旧的cookie。

以下是使用JSON的示例：

// sample data
var data = [
  { ean: 1, value: 2, path: 3},
  { ean: 1, value: 2, path: 3}
];

// insert data
data.push({ ean:2, value: 3, path: 4});

// save to cookie
$.cookie('mycookie', JSON.stringify(data), {path: '/'});

// load from cookie
data = JSON.parse( $.cookie('mycookie') );

因此，将处理程序更改为：

$(".add-basket").click(function(e){
    e.preventDefault();
    var ean = 1;
    var value = 1;
    var path = 1;
    var cookie = JSON.parse( $.cookie("mycookie") || '[]' );
    cookie.push({
        ean: ean,
        value: value,
        path: path
    });

    $.cookie("mycookie", JSON.stringify(cookie), {path: '/'});
});

$(".remove-basket").click(function(e){
    e.preventDefault();
    var ean = $(this).attr('ean');
    var value = $(this).attr('value');
    var path = $(this).attr("imgpath");
    var cookie = JSON.parse( $.cookie("mycookie") || '[]' );

    $.each(cookie, function (index, row) {
        if (row.value == value) {
            cookie.splice(index, 1);
        }
    });

    $.cookie("mycookie", JSON.stringify(cookie), {path: '/'});
}

Answer 2

看来你设置的cookie Path有问题。 来自jQuery Cookie插件文档 ：

默认情况下，cookie的路径是创建cookie的页面的路径（标准浏览器行为）。 如果您希望在整个域中使用它，请使用path: '/' 。 默认值：创建cookie的页面路径。

Answer 3

也许你的cookie只在一个页面上有效？ 您必须设置cookie的路径名。

$.cookie("mycookie" , ean + "~" + value + "~" + path, { path: '/' } ); // path:'/' is setting a cookie which is valid for all pages on your domain

Answer 4

您甚至不需要清除cookie，只需将路径设置为相同，例如您可以将路径设置为“/”，其中cookie在整个应用程序/站点中具有范围。 但是，如果您不指定路径，它将自动获取放置代码文件的当前文件夹的路径，您将从该路径设置cookie。