jquery.cookie.js 를 다운( https://github.com/carhartl/jquery-cookie )받아 import 한다.
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<쿠키생성>
1. 세션 쿠키(Session Cookie)
세션 쿠키는 브라우저 열려있는 동안만 유지된다
$.cookie('key' , 'value');
2. 만료일 지정한 쿠키
$.cookie('key' , 'value', { expires : 값 });
값의 단위는 일(日)단위 이다
주의할 점은 위 생성방식 모두 디폴트로 쿠키가 만들어진 페이지 경로에만 쿠키가 적용된다는 점이다
고로 사이트의 모든 페이지에 쿠키를 적용하려면 아래와 같이 해야 한다
$.cookie('key' , 'value', { expires : 값, path : '/' });
$.cookie('key' , 'value', { path : '/' });
<쿠키 읽기>
$.cookie('key');
위처럼 하면 저장된 값을 반환한다. 해당 key가 없다면 null 반환
<쿠키삭제>
$.cookie('key', null);
삭제시 주의할 점은 path 옵션을 주어 쿠키를 만들었다면 삭제할때 역시 같은 path 옵션을 주어야 한다
<쿠키 생성시 옵션 항목>
expires : 365
쿠키 만료를 일단위로 설정한다 생략하면 세션 쿠키로 만들어진다
path : '/'
쿠키가 적용되는 페이지 경로. 사이트 전체 페이지에 적용하려면 위와 같이 슬래쉬(/)를 넣는다. 생략하면 쿠키가 생성된 페이지 경로에만 적용된다
domain : 'domain.com'
쿠키가 적용될 도메인 디폴트가 쿠키가 만들어진 도메인이다 이건 뭐 만질 일이 거의 없을 듯...
secure : true
디폴트는 false 다. true로 설정하면 쿠키전송은 https 프로토콜로만 가능하다
raw : true
디폴트는 false이다 false 일 경우는 쿠키는 생성되거나 읽을 떄 기본적으로 인코딩/디코딩을 한다(encodeURIComponent / decodeURIComponent 이용)
[출처] Jquery Cookie Plugin|작성자 몽키초이