관리 메뉴

Life goes slowly...

[jQuery] 제이쿼리(jquery)로 Cookie 관리하기 본문

프로그래밍/Javascript

[jQuery] 제이쿼리(jquery)로 Cookie 관리하기

빨강소 2021. 3. 12. 16:21
728x90
반응형

 

Cookie(쿠키)란 클라이언트 로컬에 저장되는 키와 값의 데이터입니다. 사용자 인증이 유효한 시간을 명시 가능하며, 유효시간이 정해지면 브라우저가 종료되더라도 인증은 유지됩니다.

 

//jquery 라이브러리에 있는 cookie 플러그인을 사용하면 됩니다.
<script type="text/javascript" src="./jquery.cookie.js"></script>

 

제이쿼리(jQuery) Cookie 생성하기

제이쿼리(jQuery)로 Cookie를 생성할때 옵션을 정할수 있습니다.

// Cookie 생성 - 브라우저를 닫을때 cookie 삭제
$.cookie('test', '1111');

// 7일 뒤에 만료 Cookie 생성
$.cookie('test', '1111', { expires: 7 });

// 전체 사이트에 대해 7일 뒤에 만료 Cookie 생성
$.cookie('test', '1111', { expires: 7, path: '/' });

 

제이쿼리(jQuery)의 Cookie 읽어오기

제이쿼리(jQuery)로 Cookie의 데이터를 읽어 올수 있는데 사용한 key를 이용하여 데이터를 읽어 올수 있습니다.

만약 저장되어 있는 데이터가 없을 경우에는 undefined을 반환하게 됩니다.

// 키를 사용한 데이터 읽어오기
consoloe.log($.cookie('test'));

// 모든 Cookie 읽기
consoloe.log($.cookie());


================================

"1111"

{ "test": "1111" }

 

제이쿼리(jQuery)의 Cookie 삭제하기

제이쿼리(jQuery)로 Cookie의 데이터를 삭제도 가능합니다. 삭제가 정상적으로 성공하면 true, 실패하였을 경우에는 false를 반환하게 됩니다.

// 키를 사용한 데이터 삭제하기
consoloe.log($.removeCookie('test'));

// 정상적인 Cookie 삭제하기
consoloe.log($.removeCookie('test', { path: '/' }));


================================

false
true

 

 

728x90
반응형
Comments