Définir plusieurs cookies en Javascript

J'essaie de définir plusieurs cookies dans document.cookie , mais malheureusement, un seul est ajouté.

Je sais qu'il y a plusieurs exemples présents sur le «Net pour configurer ce genre de cookies, et j'ai suivi l'un d'entre eux. Mais je suis toujours incapable de régler cela. J'ai suivi ce lien pour configurer mon cookie.

Mon 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); } 

Le résultat:

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

L'ajout d'un cookie est effectué via document.cookie = "name=value" pour ajouter plusieurs clés, vous devez effectuer plusieurs opérations

 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); } 

Les cookies sont des paires de valeurs clés (avec quelques informations supplémentaires optionnelles ajoutées, comme la date de péremption). Pour définir plus d'un, il suffit de définir document.cookie plus d'une fois. Le ; Separator est utilisé pour spécifier les informations supplémentaires, et non pour ajouter plus de cookies différents.

Vous y trouverez un exemple d'exemple pour ajouter, lister et supprimer plusieurs 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>