JavaScript를 사용하여 단일 쿠키 값을 가져오고 설정하는 "최선의"방법은 무엇입니까?

Question

페이지가 캐시에서로드 된 경우에도 페이지가 참조 될 때마다 쿠키 값을 증가 시키려고합니다. 이것을 구현하는 "가장 좋은"또는 가장 간결한 방법은 무엇입니까?

Answer 1

도난을 http://www.quirksmode.org/js/cookies.html#script

function createCookie(name,value,days) { 
    if (days) { 
     var date = new Date(); 
     date.setTime(date.getTime()+(days*24*60*60*1000)); 
     var expires = "; expires="+date.toUTCString(); 
    } 
    else var expires = ""; 
    document.cookie = name+"="+value+expires+"; path=/"; 
} 

function readCookie(name) { 
    var nameEQ = name + "="; 
    var ca = document.cookie.split(';'); 
    for(var i=0;i < ca.length;i++) { 
     var c = ca[i]; 
     while (c.charAt(0)==' ') c = c.substring(1,c.length); 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); 
    } 
    return null; 
} 

function eraseCookie(name) { 
    createCookie(name,"",-1); 
} 

에서 그것을 사용 :

나는 개인적으로 내 프로젝트에 jQuery를 사용하고 난 jQuery Cookie Plugin를 사용, 그것은 사용하기 정말 간단

var oldCount = parseInt(readCookie('hitCount'), 10) || 0; 
createCookie('hitCount', oldCount + 1, 7); 

주석에서 지적한 바와 같이

은 쿠키가 있으므로 int로 변환해야합니다. 저장되고 문자열로 반환됩니다. foo++ 또는 ++foo를 사용하면 실제로 캐스트, 그러나 당신이 작업을 정확히 알고 더 안전합니다

var x = "5"; // x = "5" (string) 
x += 1;  // x = "51" (string!) 
x += 5;  // x = "515" (string!) 
++x;   // x = 516 (number) 

Answer 2

내가 this 예처럼, 당신은 cookie-js 같은 다른 라이브러리를 사용할 수 검색 중 값을 저장하는 간단한 문자열 조작을 사용하여 본 적이 오래된 쿠키 처리 기능, 작은 (< 100 선) 쿠키 유틸리티의 대부분 접속하다.

var cookieName = "increment"; 

if ($.cookie(cookieName) == null){ 
    $.cookie(cookieName, 1, { expires: 10 }); 
}else{ 
    var newValue = Number($.cookie(cookieName)) + 1; 
    $.cookie(cookieName, newValue, { expires: 10 }); 
} 

Answer 3

가장 좋은 방법은 항상 간단합니다 :

function getCookie(name) { 
    return (name = (document.cookie + ';').match(new RegExp(name + '=.*;'))) && name[0].split(/=|;/)[1]; 
} 

// the default lifetime is 365 days 
function setCookie(name, value, days) { 
    var e = new Date; 
    e.setDate(e.getDate() + (days || 365)); 
    document.cookie = name + "=" + value + ';expires=' + e.toUTCString() + ';path=/;domain=.' + document.domain; 
} 

이 함수는 값을 기대 간단한 문자열이 될 수 있지만, 원하는대로 또는 다른 작업을 수행하려는 경우 항상 JSON.string을 사용할 수 있습니다.