jQuery.cookie.jsの使い方と関連パラメータの詳細説明-jsチュートリアル-php.cn

jQuery.cookie.jsの使い方と関連パラメータの詳細説明

小云云

リリース： 2018-01-23 13:40:58

オリジナル

1610 人が閲覧しました

この記事では主に、Cookie の読み取り、書き込み、削除ができる軽量の Cookie プラグインの使用方法を説明します。この記事では主に jQuery.cookie.js の使い方と関連パラメータの説明を紹介しますので、必要な方は参考にしていただければ幸いです。

結果を表示するには、Cookie 操作をサーバーにアップロードする必要があります。ローカルで表示することはできません。

jquery.cookie.js の構成には、最初に jQuery ライブラリファイルが含まれ、次に jquery.cookie が含まれます。 .js ライブラリファイル。

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>

ログイン後にコピー

使用方法

1. 新しいセッション Cookie を追加します:

$.cookie('the_cookie', 'the_value');

ログイン後にコピー

注: Cookie の有効期間が指定されていない場合、作成された Cookie はデフォルトでユーザーがブラウザを閉じるまで有効であるため、

と呼ばれます。

「セッションクッキー（セッションクッキー）」。

2. Cookie を作成し、有効期間を 7 日に設定します:

$.cookie('the_cookie', 'the_value', { expires: 7 });

ログイン後にコピー

注: Cookie の有効期間が指定されている場合、作成される Cookie は「永続 Cookie」と呼ばれます。

3. Cookie を作成し、Cookie の有効なパスを設定します:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

ログイン後にコピー

注: デフォルトでは、Cookie を設定する Web ページのみが Cookie を読み取ることができます。別のページによって設定された Cookie をページで読み取れるようにする場合は、Cookie のパスを設定する必要があります。 Cookie へのパスは、Cookie を読み取ることができる最上位ディレクトリを設定するために使用されます。これらの

パスを Web サイトのルートディレクトリとして設定すると、すべての Web ページが相互に Cookie を読み取ることができるようになります (競合を防ぐために、通常はこれを設定しません)。

4. Cookie を読み取ります:

$.cookie('the_cookie'); // cookie存在 => 'the_value' 
$.cookie('not_existing'); // cookie不存在 => null

ログイン後にコピー

5. Cookie 値として null を渡して Cookie を削除します:

$.cookie('the_cookie', null);

ログイン後にコピー

----------関連パラメータの説明------ ------

1).expires: 365

Cookie の有効期間を定義します。値は数値 (Cookie が作成されてからの日数) または Date オブジェクトです。省略した場合、作成される Cookie はセッション Cookie となり、ユーザーがブラウザを終了すると削除されます。

2).path: '/'

デフォルト: Cookie を設定する Web ページのみが Cookie を読み取ることができます。

Cookieの有効なパスを定義します。デフォルトでは、このパラメータの値は Cookie を作成した Web ページへのパスです (ブラウザの標準動作)。

Web サイト全体でこの Cookie にアクセスしたい場合は、パス: '/' のように有効なパスを設定する必要があります。有効なパスが定義されている Cookie を削除したい場合

、関数を呼び出すときに次のパスを含める必要があります: $.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

ログイン後にコピー

デフォルト値: Web ページが所有するドメイン名Cookie を作成しました。

3).secure: true

デフォルト値: false。 true の場合、Cookie の送信には安全なプロトコル (HTTPS) の使用が必要です。

4).raw: true

デフォルト値: false。

デフォルトでは、Cookieの読み書き時にエンコードとデコードが自動的に実行されます(エンコードにはencodeURIComponentを使用し、デコードには

decodeURIComponentを使用します)。この機能をオフにするには、raw: true を設定します。