Cookieの使い方 / JavaScript

Sun, Aug 16, 2020

${{DZ_TITLE}}$
JavaScriptのCookieの制御方法

禁止文字

KeyとValueにはセミコロン「;」、イコール「=」は使えない。

書込み

document.cookie = 'key=value';

特殊な値

cookie登録時に、セミコロン「;」で区切って値を設定する。

path
クッキーの有効範囲
path=/
domain
クッキーが有効なドメイン
domain:127.0.0.1
max-age
クッキーの有効期限（秒） max-age=86400
expires
クッキーの有効期限（日時）日付のフォーマットがちょっと複雑なので、max-age で指定するのが無難か？
secure
セキュリティー設定
getのみして、setしないでください。
httpsの時など、このKeyが入ってくるとの事。
httpの場合は入ってこない。
ちなみに値は無し。

例：

document.cookie = 'key=value;path=/path/;';

読込

基礎

console.log(document.cookie);

document.cookieにセミコロン区切りでデータが入っている。
key1=value1; key2=value2; ley3=value3

cookieからDictionaryへ情報を取得

var cookies = document.cookie.split(';')
var cooliesDic = {};
cookies.forEach( function( item ) {
  var ary = item.split('=');
  cooliesDic[ary[0].trim()] = ary[1];
});

Cookieからitemを取得する関数

function getCookie(key){
  var cookies = document.cookie.split(';')
  for(var i = 0; i < cookies.length; i++){
    var cookie = cookies[i];
    var ary = cookie.split('=');
    if ( key === ary[0].trim() ){
      return ary[1];
    }
  }
  return undefined;
}

Cookieの使い方 / JavaScript

禁止文字

書込み

特殊な値

読込

基礎

cookieからDictionaryへ情報を取得

Cookieからitemを取得する関数

関連

おすすめ記事

Comments