ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryを使用してCookies_jqueryを操作するための実装コード

jQueryを使用してCookies_jqueryを操作するための実装コード

WBOY
WBOYオリジナル
2016-05-16 18:01:201269ブラウズ

Web サイトを閲覧すると、ハードディスク上に非常に小さなテキスト ファイルが生成され、ユーザー ID、パスワード、閲覧した Web ページ、滞在時間などの情報が記録されます。

ユーザーが再度 Web サイトにアクセスすると、Web サイトは Cookie を読み取ることでユーザーの関連情報を学習し、ページ上にウェルカム スローガンを表示したり、ID やパスワードを入力しなくても入力できるようにしたりするなど、対応するアクションを実行できます。ログインして待つだけです。本質的には、ID カードと考えることができます。

従来の Javascript を使用して Cookie 情報を設定および取得するには、それを処理するためのいくつかの関数を作成する必要がありますが、幸いなことに、jQuery プラグインを使用すると、多くのことが可能になります。 Cookie を簡単に作成、取得、削除できます。 Cookie プラグインをダウンロードするにはここをクリックしてください: http://plugins.jquery.com/project/Cookie

Cookie を作成

jQuery を使用して Cookie を設定するのは非常に簡単です。たとえば、「foo」という値を持つ「example」という名前の Cookie を作成します。

コードをコピー コードは次のとおりです。 :

$.cookie("example", "foo");

Cookie の有効期間を設定するには、たとえば、expires 値を設定します。 、Cookie の有効期限を 10 日に設定します:
コードをコピー コードは次のとおりです:

$.cookie("example", "foo", {expires:10});

Cookie の有効期限が 1 時間になるように設定します:
コードをコピーします コードは次のとおりです:

var cookietime = new Date();
cookietime.setTime(date.getTime() (60 *) 60 * 1000)); // クッキーは 1 時間保存されます
$ .cookie("example", "foo",{expires:cookietime});

クッキーの保存を設定するにはpath では、ルート ディレクトリへのパスを設定するなど、パス値を設定できます。
コードをコピー コードは次のとおりです。 :

$.cookie("example", "foo",{path:" /"});

パスを /admin に設定する場合
コードをコピー コードは次のとおりです:

$.cookie("example ", "foo",{path:"/admin"});

Cookie の値を取得する
を使用する jQuery が Cookie の値を取得するメソッドは非常に簡単です。以下は次のとおりです。 「example」という名前の Cookie の値を表示するポップアップ ボックス:
コードをコピー コードは次のとおりです:

alert($.cookie("example"));

Cookie を削除するには、jQuery を使用します。Cookie の値は null です。値が空の文字列に設定されている場合、Cookie は削除できず、Cookie の値のみがクリアされます。

コードをコピー コードは次のとおりです:
$.cookie("example",null );

Cookie の設定方法を理解した後、次の記事では、Web サイト ユーザーの閲覧履歴 (閲覧した製品、閲覧した映画など) の記録など、Cookie の適用例を示します。 )、 乞うご期待。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。