jQuery で Cookie を設定/解除するにはどうすればいいですか? 質問する

jQuery で Cookie を設定/解除するにはどうすればいいですか? 質問する

jQuery を使用して Cookie を設定および設定解除するにはどうすればよいですか?たとえば、 という名前の Cookie を作成しtest、値を に設定します。1

ベストアンサー1

2019年4月更新

jQuery は Cookie の読み取り/操作には必要ないので、以下の元の回答は使用しないでください。

へ移動クッキー代わりに、jQuery に依存しないライブラリを使用します。

基本的な例:

// Set a cookie
Cookies.set('name', 'value');

// Read the cookie
Cookies.get('name') => // => 'value'

詳細については、github のドキュメントを参照してください。


2019年4月以前(旧)

プラグインを参照してください:

https://github.com/carhartl/jquery-cookie

その後、次の操作を実行できます。

$.cookie("test", 1);

削除するには:

$.removeCookie("test");

さらに、Cookie に特定の日数 (ここでは 10 日) のタイムアウトを設定するには、次のようにします。

$.cookie("test", 1, { expires : 10 });

有効期限オプションを省略すると、Cookie はセッション Cookie になり、ブラウザの終了時に削除されます。

すべてのオプションをカバーするには:

$.cookie("test", 1, {
   expires : 10,           // Expires in 10 days

   path    : '/',          // The value of the path attribute of the cookie
                           // (Default: path of page that created the cookie).

   domain  : 'jquery.com', // The value of the domain attribute of the cookie
                           // (Default: domain of page that created the cookie).

   secure  : true          // If set to true the secure attribute of the cookie
                           // will be set and the cookie transmission will
                           // require a secure protocol (defaults to false).
});

クッキーの値を読み戻すには:

var cookieValue = $.cookie("test");

更新(2015年4月):

以下のコメントにもあるように、元のプラグインに取り組んだチームは新しいプロジェクトでjQueryの依存関係を削除しました(クッキー) は、jQuery バージョンと同じ機能と一般的な構文を備えています。ただし、どうやら元のプラグインは廃止されないようです。

おすすめ記事