Note/그밖에

jquery :: 쿠키 플러그인

Delia :D 2012. 3. 2. 13:51


오늘하루 이창열지않기... 를 할때 보통 쿠키를 사용하죠.
쿠키를 사용하려면 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); 
 

                // isCookie 라는 이름의 쿠키를 만들고 Y라는 값으로 셋팅합니다.
                
// expires : 쿠키유효기간 (단위 : Day)

$.cookie("isCookie","Y", { expires: 1 });

                
 isCookie = $.cookie("isCookie");  
                 
alert(" 셋팅 후 isCookie : " + isCookie); 

});

});

//]]>


<input type="button" id="btnSetCookie" value="쿠키세팅하기" />