이번에는 쿠키 플러그인 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' });
//jsonb 설정, 쿠키 읽기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 });
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 사용 사례 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!