js-cookieの使用手順の詳細な説明

今回は、js-cookieを使用する手順と、js-cookieを使用する際の注意事項について詳しく説明します。実際のケースを見てみましょう。

Cookieは、Webサイトデザイナーによってクライアント側に配置される小さなテキストファイルであり、一般的にバックエンド言語が使用され、ユーザーのいくつかのパーソナライズされたニーズを実現できます。 js-cookieプラグインはCookieを操作するJSプラグインで、ソースファイルはわずか3.34KBと非常に軽量です。 js-cookie は、npm と Bower のインストールと管理もサポートします。 js-cookieの具体的な使い方を見てみましょう。

Cookieを処理するためのシンプルで軽量なJavaScriptAPI

すべてのブラウザで動作
あらゆる文字を受け入れる
厳しくテストされている
依存関係がない
控えめなJSONサポート
AMD/CommonJSをサポート
RFC 6265に準拠
便利なWiki
カスタムエンコーディングを有効にする/デコード
~900 バイト gzipped!

引用方法:

1. js-cookie.js を導入します

1. cdn を直接飲みます:

2. ローカルにダウンロードした後:

3.モジュール化開発中:「js-cookie」から Cookie をインポートします

2. js-cookie.js の一般的に使用される API とメソッド

a。 Cookies.set('name', 'value', { 有効期限: 7, path: '' });//有効期限は 7 日間です

Cookies.set('name', { foo: 'bar' });//jsonCookies.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を設定し、cookie

を読み取りますCookies.get('name');//cookie

Cookies.get(); #すべての Cookie を読み取ります

c、Cookie を削除します

Cookies.remove('name') #Cookie を削除するときは、同じパスにする必要があります。 。

以下は海外の紹介です

基本的な使い方

サイト全体で有効なCookieを作成します:

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

今から 7 日後に有効期限が切れ、サイト全体で有効な Cookie を作成します:🎜🎜Cookies.set('name', 'value', {expires: 7 });🎜🎜有効期限切れの Cookie、現在のページのパスに対して有効:🎜🎜Cookies.set('name', 'value', {expires: 7, path: '' });🎜🎜Cookie の読み取り: 🎜🎜🎜 Cookies.get('name'); // => 'value'🎜Cookies.get('nothing') // => 表示されているすべての Cookie を読み取ります:🎜🎜 .get( ); // => { name: 'value' }🎜🎜Cookie を削除:🎜🎜Cookies.remove('name');🎜🎜有効な Cookie を削除します現在のページのパス:🎜🎜🎜Cookies.set('name', 'value', { path: '' });🎜Cookies.remove('name'); // 失敗します!🎜Cookies.remove( 'name' , { path: '' }); // 削除されました!🎜🎜🎜重要! Cookie を削除する場合は、Cookie に依存している場合を除き、そのパスとドメイン属性を渡す必要があります。デフォルトの属性。🎜🎜注: 存在しない Cookie を削除しても、🎜例外🎜は発生せず、値も返されません。🎜🎜🎜名前空間の競合🎜🎜🎜名前空間 Cookie と競合する危険性がある場合、noConflict メソッドは許可します。新しい名前空間を定義し、元の名前空間を保持することができます。これは、ウィジェットや SDK の一部としてスクリプトを実行する場合に特に便利です。

// js-cookie API を別の変数に割り当て、元の "window.Cookies" を復元します

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

注: AMD または CommonJS を使用する場合、.noConflict メソッドは必要ないため、これらの環境では公開されません。

JSON

js-cookie は、Cookie 用の目立たない JSON ストレージを提供します。

Cookie を作成するときに、次のことができます。値に文字列の代わりに配列またはオブジェクト リテラルを渡します。そうする場合、js-cookie は、JSON.stringify:

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

に従ってオブジェクトの文字列表現を保存します。デフォルトの Cookies.get API で Cookie を読み取ると、Cookie に保存された文字列表現を受け取ります:

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

Cookies.getJSON API で Cookie を読み取ると、JSON.parse:

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

に従って Cookie に保存された文字列の解析された表現を受け取ります。 注: IE6-7 (および IE 8 互換モード) をサポートするには、 JSON-js ポリフィルを含めるには: https://github.com/douglascrockford/JSON-js

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

JS原始值与参照哪これらの保存方式

Vueがどのように过滤器格式化を行うか

以上がjs-cookieの使用手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。