반응형
Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- sacai
- 리눅스
- GIT
- Linux
- oracle
- 오라클
- 발매예정
- 코로나19
- 드로우
- jQuery
- dunk high
- 나이키
- 파이썬
- 덩크 로우
- 덩크 하이
- react
- Dunk Low
- Github
- 제이쿼리
- stockx.com
- 덩크로우
- Python
- 주식
- 주식공부
- 자바스크립트
- 리액트
- dunklow
- JavaScript
- draw
- Nike
Archives
- Today
- Total
Life goes slowly...
[jQuery] 제이쿼리(jquery)로 Cookie 관리하기 본문
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
반응형
'프로그래밍 > Javascript' 카테고리의 다른 글
[jQuery] 제이쿼리(jquery)의 형제요소를 찾는함수 - Siblings() (0) | 2021.03.23 |
---|---|
[Javascript] 자바스크립트(JS) - UTC 날짜를 현지시간(Local)으로 변경 (0) | 2021.03.20 |
[Javascript] 자바스크립트(JS)의 객체정렬함수 - sort(), reverse() (0) | 2021.03.16 |
[Javascript] 자바스크립트(JS)의 HTML 내용을 엑셀 다운로드하기 (0) | 2021.03.15 |
[jQuery] 제이쿼리(jquery)의 radio button 확인 (0) | 2021.03.10 |
[Javascript] 자바스크립트의 버튼(button)에 disabled 속성 활용 (0) | 2021.03.05 |
[Javascript] innerText와 innerHTML 차이점 (0) | 2021.03.03 |
[Javascript] 자바스크립트 이메일 유효성 검사(정규식 표현) (0) | 2021.02.27 |
Comments