JavaScriptでcookieを扱う場合には
色々処理が面倒だったりしますよね
例えば。。。
色々処理が面倒だったりしますよね
例えば。。。
- 値のエンコード・デコード
- 書き込む際の文字列結合
- 値を取り出すなど
とかとか
そこで今回は「jquery.cookie.js」を使うと、面倒な処理を気にせず cookieを簡単に扱えるようになるという記事
jQueryとjQuery Cookieの読み込み
1 2 |
<script src="js/jquery-3.3.1.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> |
パラメータ | 概要 |
---|---|
expires | 有効期限(日数) |
path | 有効なパス(ドメイン全体で利用したい場合は ‘/’を設定) |
domain | 有効なドメイン |
secure | HTTPS接続の場合のみにcookieを送信( デフォルトは false ) |
cookieの設定
1 2 3 |
//cookieを保存するには、次のように記述します。 $.cookie("KEY", "VALUE", { expires: 30 }); //KEYには保存したいcookieの名前を、VALUEには値を入れます。 |
その後ろの{}の中には、様々なoptionが指定できます。
※このコードの場合は「有効期限は7日間」になります。
有効期限(expires)が設定されていない場合には、クッキーはブラウザを閉じたタイミングで削除される。
1 2 3 4 5 6 |
//cookieの取得 $.cookie("KEY"); //cookieの削除(既存のクッキーを削除) $.removeCookie("KEY"); //パスを指定する場合 $.removeCookie("KEY", { path: "/" }); |