jquery :: 쿠키 플러그인
작성일 14-05-27 09:21
페이지 정보
작성자서방님 조회 221회 댓글 0건본문
오늘하루 이창열지않기... 를 할때 보통 쿠키를 사용하죠.
쿠키를 사용하려면 setCookie / getCookie 함수를 선언하여 사용합니다.
jquery를 이용하여 쉽게 쿠키를 get/set 할수있도록 해주는 플러그인이 있네요.
이것참....편합니다그려 허허
일단 jquery 기반이기 때문에 jquery를 기본으로 인클루드 해주고,
jquery.cookie.js 파일을 프로젝트 폴더에 추가하고 인클루드 시켜줍니다.
1. 쿠키값을 가져올때
$.cookie("Cookie_name");
2. 쿠키값을 셋팅할때
$.cookie("Cookie_name", "Cookie_Value");
$.cookie("Cookie_name", "Cookie_Value", { expires: 3 } );// 유효기간을 3일로 설정
추가 옵션설정에 대해서는 https://github.com/carhartl/jquery-cookie 참고
3. 쿠키값을 삭제할때
$.cookie("Cookie_name", null);
또는 $.cookie("Cookie_name", '', { expires: -1 });
// expires : 쿠키유효기간 (단위 : Day)
쿠키를 사용하려면 setCookie / getCookie 함수를 선언하여 사용합니다.
jquery를 이용하여 쉽게 쿠키를 get/set 할수있도록 해주는 플러그인이 있네요.
이것참....편합니다그려 허허
일단 jquery 기반이기 때문에 jquery를 기본으로 인클루드 해주고,
jquery.cookie.js 파일을 프로젝트 폴더에 추가하고 인클루드 시켜줍니다.
1. 쿠키값을 가져올때
$.cookie("Cookie_name");
2. 쿠키값을 셋팅할때
$.cookie("Cookie_name", "Cookie_Value");
$.cookie("Cookie_name", "Cookie_Value", { expires: 3 } );// 유효기간을 3일로 설정
추가 옵션설정에 대해서는 https://github.com/carhartl/jquery-cookie 참고
3. 쿠키값을 삭제할때
$.cookie("Cookie_name", null);
또는 $.cookie("Cookie_name", '', { expires: -1 });
<script type="text/javascript" src="/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
// 버튼을 클릭하면 쿠키를 셋팅하도록 합니다.
$("#btnSetCookie").click(function(){
// isCookie 라는 이름의 쿠키값을 가져옵니다.var isCookie = $.cookie("isCookie");
alert(" 셋팅 전 isCookie : " + isCookie);
// expires : 쿠키유효기간 (단위 : Day)
$.cookie("isCookie","Y", { expires: 1 });
isCookie = $.cookie("isCookie");
alert(" 셋팅 후 isCookie : " + isCookie);
});
});
//]]>
<input type="button" id="btnSetCookie" value="쿠키세팅하기" />
첨부파일
- jquery.cookie.js (2.0K) 2회 다운로드 | DATE : 2014-05-27 09:21:28
댓글목록
등록된 댓글이 없습니다.