jQuery 플러그인을 빠르게 익히기 Cookie Plug-in_jquery 사용 방법

쿠키는 웹사이트 디자이너가 클라이언트에 배치한 작은 텍스트 파일입니다. 쿠키는 사용자에게 많은 이점을 제공할 수 있습니다. 예를 들어, 쇼핑 웹사이트는 사용자가 검색한 제품 목록을 저장하거나, 포털 웹사이트는 사용자가 탐색하기를 좋아하는 유형의 뉴스를 기억합니다. 사용자의 허락을 받으면 사용자의 로그인 정보를 저장하여 사용자가 웹사이트를 방문할 때마다 이 정보를 입력할 필요가 없도록 할 수도 있습니다
사용법:
1.jquery.cookie.js를 소개합니다

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script> 

2. 방법

1) 새 세션 쿠키 추가: $.cookie('the_cookie', 'the_value');

참고: 쿠키 유효 기간을 지정하지 않으면 생성된 쿠키는 기본적으로 사용자가 브라우저를 닫을 때까지 유효하므로 "세션 쿠키"라고 합니다.

2) 쿠키를 생성하고 유효 기간을 7일로 설정합니다: $.cookie('the_cookie', 'the_value', { 만료: 7 });

참고: 쿠키 유효 기간을 지정하면 생성된 쿠키를 "영구 쿠키(영구 쿠키)"라고 합니다.

3) 쿠키를 생성하고 쿠키의 유효 경로를 설정합니다: $.cookie('the_cookie', 'the_value', { 만료: 7, 경로: ' /' });

참고: 기본적으로 쿠키를 설정한 웹페이지에서만 쿠키를 읽을 수 있습니다. 다른 페이지에서 설정한 쿠키를 해당 페이지에서 읽을 수 있도록 하려면 쿠키 경로를 설정해야 합니다. 쿠키 경로는 쿠키를 읽을 수 있는 최상위 디렉터리를 설정하는 데 사용됩니다. 이 경로를 웹사이트의 루트 디렉터리로 설정하면 모든 웹페이지가 서로의 쿠키를 읽을 수 있습니다(일반적으로 충돌을 방지하려면 이 경로를 설정하지 마세요).

4) 쿠키 읽기:

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5) 쿠키 값으로 null을 전달하여 쿠키를 삭제합니다.

$.cookie('the_cookie', null);

3. 파일에 쿠키 쓰기

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  }); 

매개변수 설정:

만료: (숫자 | 날짜): 유효 기간, 정수를 유효 기간(단위: 일)으로 설정하거나 날짜 객체를 만료 날짜로 설정할 수 있습니다. 쿠키. 지정된 날짜가 음수인 경우 이 쿠키는 삭제됩니다. 설정하지 않거나 null로 설정하면 이 쿠키는 세션 쿠키로 처리되어 브라우저를 닫은 후 삭제됩니다.
path: (문자열): 쿠키의 경로 속성, 기본값은 쿠키가 생성된 페이지 경로입니다.
domain: (문자열): 쿠키의 도메인 이름 속성 기본값은 쿠키를 생성한 페이지의 도메인 이름입니다.
secure: (부울) : true로 설정하면 이 쿠키를 전송하려면 HTTPS와 같은 보안 프로토콜이 필요합니다. 위는 편집자가 정리한 여러 기사에서 쿠키 플러그인 사용 방법을 요약한 것입니다. 모든 분들께 도움이 되기를 바랍니다.