Structured data
- Category
- Programming
jquery-cookie #
jquery-cookie란? #
- jquery 기반 자바스크립트 플러그인
- 손쉽게 저장 기간과 쿠키를 생성하여 정보를 저장가능
사용하기 #
플러그인 추가 #
<!-- jQuery 라이브러리 참조 -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<!-- plugin 참조 -->
<script type="text/javascript" src="plugins/cookie/jquery.cookie.js"></script>
<!--// plugin 참조 -->
쿠지저장 #
$.cookie("값의이름", "저장할 값", {
"expires" : 데이터 저장할 유효기간,
"domain" : "유효 도메인",
"path" : "유효 경로"
});
읽기 삭제 #
// 가능한 모든 쿠키 읽기
$.cookie(); // => { "name": "value" }
// 쿠키 읽기
var 변수명 = $.cookie("쿠키이름"); //"value" 반환 , 존재하지 않는 쿠키이름일 경우 undefined 반환
// 쿠키 삭제 : 쿠키삭제가 정상적으로 처리되었을 경우 true, 그렇지 않은 경우 false
$.removeCookie("쿠키이름"); // => true
$.removeCookie("존재하지않는쿠키이름"); // => false
// 쿠키 삭제시 일부 속성(path, domain)은 저장시 속성과 동일해야 한다.
$.cookie('쿠키이름', 'value', { path: '/' });
$.removeCookie('쿠키이름'); // => false, 정상적으로 삭제 안됨.
$.removeCookie('쿠키이름', { path: '/' }); // => true , // 정상적으로 삭제
옵션 #
속성 |
설명 |
expires |
데이터를 저장할 날짜 수를 지정. 1이라고 지정하며 하루 동안 유지 |
domain |
데이터를 사용할 수 있는 도메인을 지정. 동일한 도메인(하위 도메인 포함)에 대해서 쿠키 데이터 공유 가능 |
path |
유효한 경로(폴더)를 지정. "/"라고 지정할 경우 사이트 내의 모든 페이지에서 사용, 특정 패스를 지정할경우 해당 패스내에 있는 페이지에서만 유효 |
secure |
기본값: false, 만약에 true 이면, 쿠키 전송시 secure protocol(https) 이 필요. |
다운로드(출처) #