자바 스크립트를 사용하여 쿠키에 여러 값을 저장하는 방법은 무엇입니까?

Question

jQuery를 사용하여 li 태그 안에 동적 목록 (a 태그)을 만들었습니다. 목록에서 처음으로 링크를 클릭하면 색인 값이 쿠키에 저장됩니다 (javascript 사용). 다음에 응용 프로그램을 실행할 때 onload에서 쿠키의 색인 값을 검색하고 해당 링크를 다른 색상으로 표시합니다.

어떻게 동일한 쿠키에 여러 값을 저장할 수 있습니까? 이전 값을 항상 getcookie() 및 setcookie()으로 유지하려면 어떻게해야합니까?

function link() 
{ 
    $(".sidemenu li ").click(function() {   
     var index = $('li').index(this); 
     checkCookie(index); 
    }); 
} 

function checkCookie(index) 
{ 
    var linkindexvalue=index; 

    setCookie("indexvalue",linkindexvalue,365); 
} 

function setCookie(c_name,value,exdays) 
{ 
    var exdate=new Date(); 
    exdate.setDate(exdate.getDate() + exdays); 
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); 
    document.cookie=c_name + "=" + value; 
    alert(document.cookie); 
} 

$(document).ready(function(){ 

    var username=getCookie("indexvalue"); 
    $(".sidemenu li:eq("+username+")").css({ 'background' : 'yellow' }); 
    alert(username); 
}); 

function getCookie(c_name) 
{ 
    alert("hj"); 
    var i,x,y,ARRcookies=document.cookie.split(";"); 
    for (i=0;i<ARRcookies.length;i++) 
    { 
     x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); 
     y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); 
     x=x.replace(/^\s+|\s+$/g,""); 
     if (x==c_name) 
     { 
      return unescape(y); 
     } 
    } 
} 

안내해주세요.

미리 감사드립니다.

Answer 1

IE < 8을 지원해야하는 경우가 아니면 쿠키가 아닌 localStorage을 사용해야합니다. 실제로 store.js과 같은 라이브러리가 있습니다.이 라이브러리를 사용하면 이러한 브라우저 불일치를 잊을 수 있습니다 (사용 가능한 최상의 기술이 사용됨).

은 쿠키를 사용해야하지만 은 사용자 고유의 직렬화 형식을 고안하지 마십시오!JSON 잘 작동합니다.