Web/JQuery
[jQuery] 쿠키(Cookies)
클리엘
2020. 7. 6. 22:55
728x90
이전에 javascript에서 쿠키를 다루는 방법에 대해 알아보았는데
[Web/JQuery] - [jQuery] 쿠키(Cookies)
JQuery에서는 Cookie플러그인을 사용하면 좀 더 간단하게 쿠키를 다룰 수 있습니다. 우선 플러그인은 아래 주소에서 내려받을 수 있습니다.
https://plugins.jquery.com/cookie/
jQuery Cookie | jQuery Plugin Registry
jQuery Cookie by Klaus Hartl A simple, lightweight jQuery plugin for reading, writing and deleting cookies. Versions Version Date 1.4.1 Apr 27 2014 1.4.0 Oct 5 2013 1.3.1 Jan 25 2013 1.3.0 Jan 24 2013
plugins.jquery.com
파일을 다운받아 서버에 올리고 다음과 같이 플러그인을 추가합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title></title>
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script type="text/javascript" src="/jquery.cookie.js"></script>
<script>
</script>
</head>
<body>
<div>
</div>
</body>
</html>사용방법은 간단합니다. 쿠기를 저장하고, 가져오고, 삭제하는 기본적인 방법은 아래와 같습니다.
<script>
$(function() {
$.cookie('mycookie', 'cliel.com'); //쿠키 쓰기
alert($.cookie('mycookie')); //쿠키 가져오기
$.removeCookie('mycookie'); //쿠키 삭제
});
</script>기타 쿠키를 저장하는 옵션은 세 번째 매개변수에서 설정할 수 있습니다.
<script>
$(function() {
$.cookie('mycookie', 'cliel.com', {
expires: 7, //7일동안 유지합니다.
path: '/', //경로를 설정합니다.,
domain: 'cliel.com', //도메인을 설정합니다.
secure: false, //SSL사용여부를 지정합니다.
raw: false //인코딩여부를 지정합니다.
});
alert($.cookie('mycookie'));
$.removeCookie('mycookie', { path: '/', domain: 'cliel.com' });
});
</script>다만 만약 쿠키를 설정할때설정할 때 path나 domain을 설정했다면 해당 쿠키를 삭제하는 경우 위 예제와 같이 설정할 때의 path와 domain을 같이 넘겨줘야 쿠키가 삭제됩니다.
728x90