jQuery-$.cookie 플러그인 사용법 (쿠키 활용편)
Language/jQuery 2014. 11. 18. 12:51사용자의 쿠키를 이용해서 유동적으로 사이트를 운영할 때가 많다.
자바스크립트로 쿠키를 만드는 방법은 생략한다. (이미 검색하면 많이 나온다.)
제이쿼리는 플러그인 사용으로 간단하다.
일단 플러그인을 페이지내에 삽입해야한다.
해당 파일은 https://github.com/carhartl/jquery-cookie 이 곳에서 최신버전을 받아서 사용하거나 지금 필자가 쓰는 버전을 첨부파일로 넣을테니 다운받아 써도 상관없다. (다운받아 사용할 경우 차후에 새로 업데이트 된 버전이 아니라는 점은 염두해두길 바란다.)
<head>와 </head>사이 아래 코드를 삽입한다.
1. 쿠키를 저장하는 방법은 아래와 같다.
werty는 쿠키이름, sunday는 그에 대한 값을 넣는 것이다.
sunday대신에 php 경우 $id 이런식으로 아이디 값을 넣어주면 해당 아이디가 쿠키로 저장된 것이다.
별달리 그냥 팝업창으로 쓸 때 필자는 sunday 부분에 ok라고 넣는다.
그리고 확장형은 아래와 같다.
expires : 만료일을 의미한다. 위 예제로 보면 7일동안 해당 쿠키를 유지한다는 이야기다.
path : 경로설정이다. 이 사이트의 모든 페이지가 해당된다면 / 이렇게 슬러시만 둔다. 그렇지 않고 특정 폴더라면 경로를 넣으면 된다.
domain : 쿠키가 적용될 도메인이다. 기본 설정은 쿠키가 만들어진 도메인이다.
secure : 기본 설정은 false로 되어있다. true/false 로 입력가능하며 true 일 경우 https 프로토콜만 적용된다.
2. 쿠키를 불러오는 방법은 아래와 같다.
저장된 쿠키중에 werty의 값을 불러온다.
3. 쿠키를 지우는 방법은 아래와 같다.
이렇게 하면 저장되어있던 werty의 값을 지운다.
다른 방법으로 만료일을 -1로 바꾸어 초기화시키는 방법도 있다.
만료일을 지난날로 지정해버리는 방법이다.
두방법다 초기화는 되지만 첫번째에서 주의할 점은 쿠키 저장시 자신이 설정한 도메인(domain)과 경로(path)가 디폴트가 아니라 설정했었다면 적용되지 않는다.
출처 - http://werty.co.kr/blog/1864
'Language > jQuery' 카테고리의 다른 글
| highlight: JavaScript text higlighting jQuery plugin (0) | 2014.11.18 |
|---|---|
| jquery.form.js (0) | 2014.11.18 |
| jQuery UI datepicker 크기 조정 (0) | 2014.11.18 |
| jQuery growl notification plugin (0) | 2014.11.17 |
| jQuery override default validation error message display (Css) Popup/Tooltip like (0) | 2014.11.17 |