Question

我用havascript在html中制作了一个小购物车。您可以使用cookies来放入物品。问题是购物车中一行的删除按钮。

function cartShow(){
intTotalItems = 0;
intTotalItems = readCookie("totalItems"); 
tabelrow = "";

for (i = 1; i <= intTotalItems; i++){
    item = "item" + i;
    del = '<a href=""><img src="img/delete.png" onclick="delete1Cookie();" /> </a>';
    thisCookie = "";
    thisCookie = readCookie(item);
    fields = new Array();
    fields = thisCookie.split("|");
    tabelrow += "<tr>"
    + "<td>" + fields[0] + "</td>" 
    + "<td>" + fields[1] + "</td>" 
    + "<td>" + fields[2] + "</td>" 
    + "<td>" + fields[3] + "</td>" 
    + "<td>" + fields[4] + "</td>" 
    + "<td>" + fields[5] + "</td>" 
    + "<td>" + fields[4] * fields[5] + "</td>" 
    + "<td>" + del + "</td>" 
    + "</tr>";
}
document.write(tabelrow); }

function delete1Cookie(){
document.cookie = "item1=; 'empty'; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";}

当我使用我的函数readCookie（item1）时; 我没有问题。它显示了我想要删除的产品的行。

但是当我想删除一个cookie时，我的整个购物车变空了。

我的代码只设置为一行的一个Cookie＆＃34; item1＆＃34;因为我认为我尝试过所有的东西，所以我首先想看看它只适用于一个特定的行。

我已经使用过以下代码： https://stackoverflow.com/a/20156194/4912774 它删除了我的所有cookie：＆＃34; item1 item2等＆＃34;。

对于任何错误抱歉，这是我的第一篇文章，英语不是我的母语

Answer 1

删除特定的Cookie可以使用以前的设置来实现

function deleteCookie(cname) {
    var d = new Date();
    d.setTime(d.getTime() - (24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + "" + "; " + expires;
}

在javascript中删除cookie并不起作用

1 个答案: