Setting multiple cookies in Javascript

Question

I'm trying to set multiple cookies in document.cookie, but unfortunately only one is getting added.

I know there are multiple examples present on the 'Net for setting up these kind of cookies,and I followed one of them. But still I'm unable to set that out. I followed this link to set my cookie.

My Code:

   function setCookie(start_time,end_session_time,total_time,flag,count){
     var cookie_string = "start_time="+start_time;;

    if(end_session_time) {
        cookie_string +="; end_session_time="+end_session_time;
    }

    if(total_time){
        cookie_string +="; total_time="+total_time;
    }
    if(flag){
        cookie_string +="; flag="+flag;
    }
    if(count){
        cookie_string +="; count="+count;
    }

    document.cookie =cookie_string ;
    console.log(cookie_string);

    console.log("document.cookie ="+ document.cookie);
}

The Output:

cookie_string :: start_time=1369926508266; flag=1; count=1
document.cookie =start_time=1369926508266;

See quirksmode.org/js/cookies.html

Barmar
– Barmar

2013-05-30 17:23:47 +00:00
Commented May 30, 2013 at 17:23 — Barmar
– Barmar, Commented May 30, 2013 at 17:23

Rudey · Accepted Answer · 2017-10-20 15:41:41Z

45

Adding a cookie is performed via document.cookie = "name=value" to add multiple keys, you should perform multiple assigments

function setCookie(start_time, end_session_time, total_time, flag, count) {
    document.cookie = "start_time=" + start_time;

    if (end_session_time) {
        document.cookie = "end_session_time=" + end_session_time;
    }
    if (total_time) {
        document.cookie = "total_time=" + total_time;
    }
    if (flag) {
        document.cookie = "flag=" + flag;
    }
    if (count) {
        document.cookie = "count=" + count;
    }

    console.log("document.cookie = " + document.cookie);
}

edited Oct 20, 2017 at 15:41

Rudey

5,0255 gold badges47 silver badges89 bronze badges

answered May 30, 2013 at 17:24

Maxim Krizhanovsky

26.8k5 gold badges62 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Brad Over a year ago

I didn't think this would work - because it is counterintuitive - but it does! :-O

ZomoXYZ Over a year ago

Is there a reason for 2 semicolons on line 2 or was that a mistake?

Rudey Over a year ago

@Jaketr00 That must have been a mistake. I've edited it.

RayLoveless Over a year ago

@Brad, Yup...exactly why I googled it and ended up here :).

crimson_penguin · Accepted Answer · 2013-05-30 17:23:34Z

31

Cookies are key value pairs (with some optional additional info added on, like the expiry date). To set more than one, you just set document.cookie more than once. The ; separator is used to specify the additional info, not to add more different cookies.

answered May 30, 2013 at 17:23

crimson_penguin

2,7781 gold badge17 silver badges24 bronze badges

2 Comments

Jitin Over a year ago

please do provide a code sample. I believe setting the document.cookie variable the second time over-writes the first value don't it ?

crimson_penguin Over a year ago

It's counter-intuitive, but setting document.cookie does not overwrite already set cookies, except the one cookie with the same name, if it exists. And the way to remove a cookie, is to set its expiry date to the past. I recommend experimenting in the developer tools of your browser!

Mateen · Accepted Answer · 2014-10-21 05:37:26Z

3

There you go a sample example to add, list and delete multiple cookies

<!DOCTYPE html>
<html>
<head>
<script>
var n=1;
function addCookie(){
document.cookie=n+"="+n;n++;
}

function ListCookies(){
var result = document.cookie;
document.getElementById("p").innerHTML=result;
}

function removeCookies(){
//document.cookie="";
var result = document.cookie;
var cookieArray = result.split(";");
for(var i=0;i<cookieArray.length;i++){
   var keyValArr = cookieArray[i].split("=");
   document.cookie=keyValArr[0]+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
}
}

</script>

</head>
<body>
<button onclick='addCookie()'>ADD COOKIE</button><br>
<button onclick='ListCookies()'>LIST COOKIES</button>
<button onclick='removeCookies()'>REMOVE COOKIES</button>
<h1>RESULT:</h1>
<p id="p"></p>
</body>
</html>

answered Oct 21, 2014 at 5:37

Mateen

1,6911 gold badge23 silver badges28 bronze badges

3 Comments

acmsohail Over a year ago

Is it possible to remove particular cookie? rather remove all the cookies. Assume, I added three values one after another. And I want to remove the second cookie. Can you please help @mateen

Mateen Over a year ago

yes it is possible, just before deleting cookie check if its the cookie to be deleted. like ***************** if(yourCondition){ document.cookie=keyValArr[0]+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"; }

acmsohail Over a year ago

would you be so kind as to check this question. stackoverflow.com/questions/51693350/…

Collectives™ on Stack Overflow

Setting multiple cookies in Javascript

3 Answers 3

4 Comments

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related