Backend/Web Functions

jQuery로 cookie 다루기

petitCoding 2012. 4. 12. 10:10

jQuery로 쿠키를 다루는 코드를 찾아봤는데..

구글에서 검색해도 정확하게 나오는 것이 없어서.. 내가 간단히 정리했음.ㅎㅎ

 

우선 필요한 파일은

jquery-min.js

jquery.cookie.js

요 두가지는 인터넷에서 쉽게 받을 수 있다.

 

다음은 샘플 코드.

 

>cookie.php

 

set_cookie 함수를 작성해 주었고 이 곳에 cookie를 저장하는 함수를 만들었다.

그리고 매개변수를 이용해 post로 cookie의 값을 ok.php로 넘겨주도록 하였다

 

 

<html>
<head>
<script type="text/javascript" src="lib/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.cookie.js"></script>
<script>
function set_cookie()
{
    var name = "abc";
    $.cookie('myCookie', name);
    alert($.cookie('myCookie'));

    abc.def.value=$.cookie('myCookie');
    abc.submit();
}
</script>
</head>
<body>
<form name=abc action=ok.php method=post>
<input type=button onclick="javascript:set_cookie();">
<input type=hidden id=def name=cookie>
</form>

</body>
</html>

 

 

ok.php 파일에서는 $_POST['cookie'] 값이 cookie로 전달되게 된다.

간단한 소스이므로 누구나 테스트하기 쉬울듯~!! ㅎㅎㅎ

 

위의 소스에서 볼 수 있듯이, jquery.cookie.js 를 사용할 경우는 다음과 같이

$.cookie() 함수를 사용하여 쿠키를 저장, 확인, 제거 하면 된다.

물론 시간도 설정할 수 있으며, 이 부분은 구글링하면 쉽게 나오니 직접 찾아 보시길 ㅎㅎㅎ

'Backend/Web Functions'의 다른글

  • 현재글jQuery로 cookie 다루기
댓글

티스토리툴바