본문 바로가기
Web Programing!/Script

[javascript] 쿠키(Cookie) 사용 2 - Plug-in

by 어설픈봉봉이 2021. 11. 21.
반응형
SMALL

1. 플러그인 사이트에서 다운.

 
 
 
2. 플러그인 추가. - jquery 플러그인이기 때문에 jquery도 같이 추가
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script type="text/javascript" src="{해당경로}/jquery.cookie.js"></script>

 

3. 쿠키 생성.

// 세션 쿠키 생성 - 브라우저를 닫으면 없으집니다. 
$.cookie('name', 'value'); 

// 7일 뒤에 만료되는 쿠키 생성 
$.cookie('name', 'value', { expires: 7 }); 

// 전체 사이트에 대해 7일 뒤에 만료되는 쿠키 생성 
$.cookie('name', 'value', { expires: 7, path: '/' });

// 세션 쿠키 생성 - 브라우저를 닫으면 없으집니다. 
$.cookie('name', 'value'); 

// 7일 뒤에 만료되는 쿠키 생성 
$.cookie('name', 'value', { expires: 7 }); 

// 전체 사이트에 대해 7일 뒤에 만료되는 쿠키 생성 
$.cookie('name', 'value', { expires: 7, path: '/' });

 

 

4. 쿠키 호출.

// 키로 사용한 이름으로 값을 읽습니다. 
// 키로 저장된 값이 없으면 undefined 가 반환됩니다. 
$.cookie('name'); 

// 모든 쿠키 읽기 
// 모든 쿠키를 { "name": "value" } 형태의 객체로 반환합니다.
$.cookie();

 

5. 쿠키 삭제.

// 성공적으로 삭제되면 true 를 반환하고, 삭제 못했을때는 false를 반환합니다. 
$.removeCookie('name'); 

// 쿠키 삭제시 생성할때 와 같은 path와 domain 을 사용해야 합니다. 
// 아래와 같이 생성했다면, 
$.cookie('name', 'value', { path: '/' }); 

// 이렇게 삭제할 수 없습니다. 
$.removeCookie('name');  // => false 

// 이렇게 삭제해야 합니다. 
$.removeCookie('name', { path: '/' }); // => true

 

#jquery, #jquerycookie, #쿠키플러그인, #cookieplugin, #jqueryplugin

반응형