경량 JS 쿠키 플러그인 js-cookie를 사용하는 방법

js-cookie 플러그인은 쿠키를 운영하는 JS 플러그인입니다. 소스 파일은 3.34KB에 불과하며 매우 가볍습니다. js-cookie는 npm 및 Bower 설치 및 관리도 지원합니다. js-cookie

Cookie는 웹사이트입니다. 디자이너가 클라이언트 측에 배치한 작은 텍스트 파일은 일반적으로 백엔드 언어로 사용되며 사용자의 개인화된 요구 사항 중 일부를 충족할 수 있습니다. js-cookie 플러그인은 쿠키를 운영하는 JS 플러그인으로, 소스 파일이 3.34KB에 불과해 매우 가볍습니다. js-cookie는 npm 및 Bower 설치 및 관리도 지원합니다. js-cookie의 구체적인 사용법을 살펴보겠습니다.

쿠키 처리를 위한 간단하고 가벼운 JavaScript API

모든 브라우저에서 작동
모든 문자 허용
심각한 테스트
종속성 없음
눈에 띄지 않는 JSON 지원
AMD/CommonJS 지원
RFC 6265 호환
유용한 Wiki
사용자 정의 인코딩/디코딩 활성화
~900바이트 gzipped!

인용 방법:

1. js-cookie.js

1. 로컬에서 CDN을 다운로드한 후:

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

3.

<script src="/path/to/js.cookie.js"></script>

2. js-cookie.js

a, 쿠키 설정

import Cookies from 'js-cookie'

b, 쿠키 읽기

Cookies.set('name', 'value', { expires: 7, path: '' });//7天过期
Cookies.set('name', { foo: 'bar' });//设置一个json

c, 쿠키 삭제

Cookies.get('name');//获取cookie
Cookies.get(); #读取所有的cookie

에서 자주 사용하는 API와 메소드 소개입니다.

기본 사용법

전체 사이트에서 유효한 쿠키 만들기:

Cookies.remove('name'); 
#删除cookie时必须是同一个路径。

지금부터 7일 동안 만료되고 전체 사이트에서 유효한 쿠키 만들기:

Cookies.set('name', 'value');

다음 경로에 유효한 만료되는 쿠키 만들기 현재 페이지:

Cookies.set('name', 'value', { expires: 7 });

쿠키 읽기:

Cookies.set('name', 'value', { expires: 7, path: '' });

표시되는 모든 쿠키 읽기:

Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined

쿠키 삭제:

Cookies.get(); // => { name: 'value' }

현재 페이지의 경로에 유효한 쿠키 삭제:

Cookies.remove('name');

쿠키를 삭제할 때 다음을 수행해야 합니다. 기본 속성을 사용하지 않는 한 쿠키를 설정하는 데 사용된 것과 정확히 동일한 경로 및 도메인 속성을 전달합니다.

참고: 존재하지 않는 쿠키를 제거해도 예외가 발생하지 않으며 값도 반환되지 않습니다.

네임스페이스 충돌

네임스페이스 쿠키와 충돌할 위험이 있는 경우 noConstrict 메소드를 사용하면 새 네임스페이스를 정의하고 원본을 보존할 수 있습니다. 이는 위젯의 일부로 제3자 사이트에서 스크립트를 실행할 때 특히 유용합니다. 또는 SDK

// js-cookie api를 다른 변수에 할당하고 원래 "window.Cookies"를 복원합니다

Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!

참고: AMD 또는 CommonJS를 사용할 때는 .noConflect 메서드가 필요하지 않으므로 노출되지 않습니다.

JSON

js-cookie는 쿠키에 대한 눈에 띄지 않는 JSON 저장소를 제공합니다.

쿠키를 생성할 때 값에 문자열 대신 배열 또는 개체 리터럴을 전달할 수 있습니다. JSON.stringify에 따라 개체의 문자열 표현을 저장합니다.

var Cookies2 = Cookies.noConflict();
Cookies2.set('name', 'value');

기본 Cookies.get API를 사용하여 쿠키를 읽을 때 쿠키에 저장된 문자열 표현을 받습니다.

Cookies.set('name', { foo: 'bar' });

쿠키를 읽을 때 Cookies .getJSON API를 사용하면 JSON.parse:

Cookies.get('name'); // => '{"foo":"bar"}'
Cookies.get(); // => { name: '{"foo":"bar"}' }

에 따라 쿠키에 저장된 문자열의 구문 분석된 표현을 받게 됩니다. 참고: IE6-7(및 IE 8 호환 모드)을 지원하려면 다음을 포함해야 합니다. JSON-js 폴리필: https://github.com/douglascrockford/JSON-js

위 내용은 제가 모든 사람을 위해 편집한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

AJAX의 원리 - 비동기 및 부분 새로 고침을 달성하는 방법

여러 매개변수 전달을 위한 Ajax 구현 코드

사용자 이름 및 비밀번호 확인을 위한 Ajax 예제 코드

위 내용은 경량 JS 쿠키 플러그인 js-cookie를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!