KBSIs' Blog

Technical memo, play diary

JavaScriptにおけるCookieの取り扱い方

JavaScriptにおけるCookieの取り扱い方(サンプル付き)

IDICHI

JavaScriptにおけるCookieの取り扱い方

//読み込み
c=document.cookie
console.log(c) // cookieが表示される

//書き込み
/*構造:Name=value;attr=value...*/
/*基本はクッキー名=値でいれる.区切り文字は";"ここで,属性をしていできる.*/
/* たとえば,クッキーの有効期限は max-age=??(sec) 
* クッキーを送信する範囲は,path=で指定できる.(指定しない場合,当該クッキーを保存したURLでしか参照できない)
*/
/*以下のクッキーはtestという名前のクッキーにtrueをいれる.
また600秒後に削除する.参照範囲はドメインすべてのページで参照可能にするという意味になる*/
//必ず,pathは指定すること.(はまる可能性があるから)
document.cookie+="test=true;max-age=600;path=/"


//存在確認
/*;で分割*/
c.split(';').ForEach((v)=>{
  // クッキー名と値の分割
  var tmp =v.split('=')
  const key=v[0] // クッキー名
  const value=v[1] // 値
  if (key=="test"){
    console.log("test という cookieを発見")
  }
})

Recent posts

See more

Categories

About

大学2年生 伊地知 翔也 詳細はlearn moreから