JS 쿠키 플러그인 작동 방법

이번에는 JS Cookie 플러그인의 작동 방법과 JS Cookie 플러그인 작동 시 주의사항에 대해 설명하겠습니다. 다음은 실제 사례입니다.

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

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

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

인용방법:

1. js-cookie.js를 소개합니다

1. 직접 cdn을 마셔보세요:

2. 로컬로 다운로드한 후: &lt ; /script>

3. 'js-cookie'

2에서 쿠키를 가져옵니다. js-cookie.js

a의 API 및 메서드를 설정합니다. ('이름', '값', { 만료: 7, 경로: '' });//7일 후에 만료

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

Cookies.set('name', { foo: 'bar' }); //设置一个json

b、读取cookie

Cookies.get('name'); //获取cookie

Cookies.get(); #读取所有的cookie

c、删除cookie

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

下面是国外的介绍

Basic Usage

Create a cookie, valid across the entire site:

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

Create a cookie that expires 7 days from now, valid across the entire site:

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

Create an expiring cookie, valid to the path of the current page:

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

Read cookie:

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

Read all visible cookies:

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

Delete cookie:

Cookies.remove('name');

b 설정, 쿠키 읽기

Cookies.get('name'); //쿠키 가져오기 Cookies.get( ) ; #모든 쿠키 읽기

c, 쿠키 삭제

Cookies.remove('name') #쿠키 삭제 시 동일한 경로를 사용해야 합니다.

다음은 외국에 대한 소개입니다

기본 사용법

사이트 전체에서 유효한 쿠키를 생성하세요:

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

지금부터 7일 후에 만료되고 전체 사이트에서 유효한 쿠키를 만듭니다. Cookies.set('name', 'value', {expires: 7 });

Create an cookie 현재 페이지의 경로에 유효한 쿠키 만료: Cookies.set('name', 'value', {expires: 7, path: '' });

🎜쿠키 읽기: 🎜🎜🎜 Cookies.get('name'); // => 'value'🎜Cookies.get('nothing'); // => 표시되는 쿠키 모두 읽기:🎜🎜 .get( ); // => { name: 'value' } 🎜🎜쿠키 삭제:🎜🎜 Cookies.remove('name'); 🎜🎜유효한 쿠키 삭제 현재 페이지의 경로:🎜🎜🎜Cookies.set('name', 'value', { path: '' });🎜Cookies.remove('name'); // 실패!🎜Cookies.remove( 'name' , { path: '' }); // 제거됨!🎜🎜🎜중요! 🎜🎜참고: 존재하지 않는 쿠키를 제거해도 예외가 발생하지 않으며 값도 반환되지 않습니다.🎜🎜🎜네임스페이스 충돌🎜🎜🎜네임스페이스 쿠키와 충돌할 위험이 있는 경우 noCon conflict 메서드를 사용하면 다음을 수행할 수 있습니다. 새 네임스페이스를 정의하고 원본을 보존하세요. 이는 위젯이나 SDK의 일부로 제3자 사이트에서 스크립트를 실행할 때 특히 유용합니다.🎜🎜// js-cookie API를 다른 변수에 할당하고 원본을 복원하세요. window.Cookies "🎜🎜🎜var Cookies2 = Cookies.noCon conflict();🎜Cookies2.set('name', 'value');🎜🎜🎜참고: AMD 또는 CommonJS를 사용할 때는 .noConflect 메서드가 필요하지 않습니다. 해당 환경에는 노출되지 않습니다.🎜 JSON

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

쿠키를 생성할 때 값에 문자열 대신 배열 또는 개체 리터럴을 전달할 수 있습니다. 그렇게 하면 js-cookie가 문자열을 저장합니다. JSON.stringify에 따른 객체 표현:

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

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

Cookies.get('name'); // => '{"foo":"bar"}' Cookies.get(); // => { name: '{"foo":"bar"}' } Cookies.getJSON API로 쿠키를 읽을 때 , JSON.parse:

Cookies.getJSON('name'); // => { foo: 'bar' } Cookies.getJSON(); // => { name: { foo: 'bar' } } 에 따라 쿠키에 저장된 문자열의 구문 분석된 표현을 받게 됩니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사에 주목하세요. PHP 중국어 웹사이트!