집 >웹 프론트엔드 >JS 튜토리얼 >쿠키 플러그인 js-cookie 사용 사례 자세한 설명

쿠키 플러그인 js-cookie 사용 사례 자세한 설명

php中世界最好的语言원래의: 2018-05-09 09:46:342072검색

이번에는 쿠키 플러그인 js-쿠키 사용 사례에 대해 자세히 설명하고, 쿠키 플러그인 js-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. 직접 소개:

2. 로컬로 다운로드한 후:

3.모듈화개발 중: js-cookie.js

a에서 일반적으로 사용되는 API 및 메서드에서 쿠키를 가져옵니다. Cookies.set('name', 'value', { 만료: 7, 경로: '' });//7일 후 만료

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

b 설정, 쿠키 읽기

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');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의 일부로 타사 사이트에서 스크립트를 실행할 때 특히 유용합니다.🎜

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

var Cookies2 = Cookies.noContribute();
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' } }

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

相信看了本文案例你已经掌握了方법，更多精彩请关注php中文网其它关文章文章！

쿠키 플러그인 js-cookie 사용 사례 자세한 설명

관련 기사