집 >웹 프론트엔드 >JS 튜토리얼 >jQuery.cookie.js 및 관련 매개변수 사용 방법에 대한 자세한 설명

jQuery.cookie.js 및 관련 매개변수 사용 방법에 대한 자세한 설명

이 글에서는 주로 쿠키를 읽고, 쓰고, 삭제할 수 있는 경량 쿠키 플러그인의 사용법을 공유합니다. 이 글은 주로 jQuery.cookie.js의 사용법과 관련 매개변수에 대한 설명을 소개하고 있으니, 필요한 친구들이 참고하면 도움이 될 것 같습니다.

결과를 보려면 쿠키 작업을 서버에 업로드해야 합니다.

jquery.cookie.js

구성에는 jQuery 라이브러리 파일이 먼저 포함되고 그 다음에는 jquery.cookie가 포함됩니다. .js 라이브러리 파일.

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>

사용 방법

1. 새 세션 쿠키 추가:

$.cookie('the_cookie', 'the_value');

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

이라고 합니다.

"세션 쿠키"(세션 쿠키)".

2. 쿠키를 생성하고 유효 기간을 7일로 설정합니다.

$.cookie('the_cookie', 'the_value', { expires: 7 });

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

3. 쿠키를 생성하고 쿠키의 유효 경로를 설정합니다.

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

참고: 기본적으로 쿠키를 설정한 웹 페이지만 쿠키를 읽을 수 있습니다. 한 페이지가 다른 페이지에서 설정한 쿠키를 읽을 수 있도록 하려면 쿠키 경로를 설정해야 합니다. 쿠키 경로는 쿠키를 읽을 수 있는 최상위 디렉터리를 설정하는 데 사용됩니다. 이러한

경로를 웹사이트의 루트 디렉터리로 설정하면 모든 웹페이지가 서로의 쿠키를 읽을 수 있습니다. 일반적으로 충돌을 방지하려면 이 경로를 설정하지 마세요.

4. 쿠키 읽기:

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

5. 쿠키 값으로 null을 전달하여 쿠키 삭제:

$.cookie('the_cookie', null);

------------관련 매개변수 설명------- ------

1).expires: 365

쿠키의 유효 기간을 정의합니다. 값은 숫자(쿠키가 생성된 후 일수) 또는 날짜 객체일 수 있습니다. 생략할 경우 생성된 쿠키는 세션 쿠키이며 사용자가 브라우저를 종료할 때 삭제됩니다.

2).path: '/'

기본값: 쿠키를 설정한 웹페이지만 쿠키를 읽을 수 있습니다.

쿠키의 유효한 경로를 정의하세요. 기본적으로 이 매개변수의 값은 쿠키를 생성한 웹 페이지의 경로입니다(표준 브라우저 동작).

웹사이트 전체에서 이 쿠키에 액세스하려면 경로: '/'와 같이 유효 경로를 설정해야 합니다. 유효한 경로가 정의된 쿠키를 삭제하려면

함수를 호출할 때 다음 경로를 포함해야 합니다: $.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

기본값: 웹페이지가 소유한 도메인 이름 쿠키를 생성한 쿠키입니다.

3).secure: true

기본값: false. true인 경우 쿠키 전송에는 보안 프로토콜(HTTPS)을 사용해야 합니다.

4).raw: true

기본값: false.

기본적으로 쿠키를 읽고 쓸 때 인코딩 및 디코딩이 자동으로 수행됩니다(인코딩하려면 encodeURIComponent 사용, 디코딩하려면

decodeURIComponent 사용). 이 기능을 끄려면 raw: true를 설정하세요.

관련 기사