jQuery プラグインをすぐに学ぶ Cookie plug-in_jquery の使用方法-jsチュートリアル-php.cn

jQuery プラグインをすぐに学ぶ Cookie plug-in_jquery の使用方法

WBOY

リリース： 2016-05-16 15:28:34

オリジナル

1194 人が閲覧しました

Cookie は、Web サイト設計者によってクライアントに配置される小さなテキストファイルです。たとえば、ショッピング Web サイトではユーザーが閲覧した商品リストが保存されたり、ポータル Web サイトではユーザーが閲覧したいニュースの種類が記憶されたりするなど、Cookie はユーザーに多くのメリットをもたらします。ユーザーの許可があれば、ユーザーが Web サイトにアクセスするたびにこの情報を入力する必要がないように、ユーザーのログイン情報を保存することもできます
使用法:
1.jquery.cookie.js を導入します

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>

ログイン後にコピー

2. 方法

1) 新しいセッション Cookie を追加します: $.cookie('the_cookie', 'the_value');

注: Cookie の有効期間が指定されていない場合、作成された Cookie はデフォルトでユーザーがブラウザを閉じるまで有効であるため、「セッション Cookie」と呼ばれます。

2) Cookie を作成し、有効期間を 7 日に設定します: $.cookie('the_cookie', 'the_value', {expires: 7 });

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

3) Cookie を作成し、Cookie の有効なパスを設定します: $.cookie('the_cookie', 'the_value', { 有効期限: 7, path: ' /' });

注: デフォルトでは、Cookie を設定する Web ページのみが Cookie を読み取ることができます。別のページによって設定された Cookie をページで読み取れるようにする場合は、Cookie のパスを設定する必要があります。 Cookie へのパスは、Cookie を読み取ることができる最上位ディレクトリを設定するために使用されます。このパスを Web サイトのルートディレクトリとして設定すると、すべての Web ページが相互に Cookie を読み取れるようになります (競合を防ぐために、通常はこれを設定しません)。

4) クッキーを読み取ります:

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

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

ログイン後にコピー

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

$.cookie('the_cookie', null);

3. Cookie をファイルに書き込みます

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  });

ログイン後にコピー

パラメータ設定:

expires: (Number | Date): 有効期間。有効期間 (単位: 日) として整数を設定することも、有効期限として日付オブジェクトを設定することもできます。クッキー。指定された日付が負の数値の場合、この Cookie は削除されます。設定されていない場合、または null に設定されている場合、この Cookie はセッション Cookie として扱われ、ブラウザーが閉じられた後に削除されます
path: (文字列): Cookie のパス属性、デフォルトは Cookie が作成されるページのパスです
domain: (String): Cookie のドメイン名属性。デフォルトは、Cookie を作成したページのドメイン名です。
secure: (ブール値) : true に設定すると、この Cookie の送信には HTTPS などの安全なプロトコルが必要になります。 上記は、編集者がまとめたいくつかの記事から Cookie プラグインの使用方法をまとめたものです。皆様のお役に立てれば幸いです。