ホームページ > 記事 > ウェブフロントエンド > jQuery.cookie.jsの使い方と関連パラメータの詳細説明
この記事では主に、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 を設定します。
関連する推奨事項:
jQuery と jQuery.cookie.js プラグインを組み合わせてスキン変更関数のサンプルを実装する
以上がjQuery.cookie.jsの使い方と関連パラメータの詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。