jQueryでcookie使いたいときってあるから備忘録です。
プラグイン「jquery.cookie.js」を読み込む
読み込む方法はプラグインをダウンロードしてサーバーに設置するか、CDNで使うかのどちらかになると思う。
ダウンロード
ここからダウンロード
https://github.com/carhartl/jquery-cookie
CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>こんな感じで読み込ませる。
ちなみに、jquery.cookie.jsの前にjqueryを読み込ませる必要がある。
cookieの保存や取得など
cookieを保存する
$.cookie('neko','cute');「neko」部分を任意の名称にして、保存するcookie名前をつけてあげる。
その中にどんなデータを入れたいかを設定する部分が「cute」の箇所。
$.cookie('neko','cute',{expires:7, path:'/', domain:'nekoneko.jp', secure:true});こんな感じでより細かく設定ができる。
- expires
保存期間。1の場合は1日になり、設定しない場合はブラウザが閉じた時にリセットされる。 - path
使用するパスを指定できる。サイト全体だと「/」だけど、このルートの際はどこがルートになるのか把握して使う。 - domain
有効にするドメイン。 - secure
セキュア通信時のみ送信。
cookieを取得する
var neko_no_data = $.cookie('neko');先ほど保存したデータを取得する場合、「neko」というcookieを設定したので、「$.cookie(‘neko’);」と指定。
さらにそのデータを「neko_no_data」という変数に代入している状態。
もし、データが保存されていれば「cute」が返ってくるが、ない場合は「空ですよ = undefined」って返ってくる。
※cookieプラグインが古いと空が「null」の場合もあるみたい。
cookieを削除する
$.removeCookie('neko');削除したい場合はこう。
