JavaScript は Cookie を作成し、Cookie を読み取ります_JavaScript のヒント

この記事の内容は、誰でも学べるように JavaScript での Cookie の作成と JavaScript での Cookie の読み取りの具体的な実装方法を 2 つの部分に分けて紹介しています。

1. Cookie を作成します

document.cookie = 'key=value'

特殊文字がある場合は、encodeURIComponent() を使用して

をエンコードします

document.cookie = 'user='+encodeURIComponent('Guo Qian;');

読み取り時に decodeURIComponent()

を使用します

例:

document.cookie = 'name=guoqian';
document.cookie = 'age=24';
document.cookie = 'address=hunan';
document.cookie = 'user='+encodeURIComponent('郭钱;'); 

Cookie の作成方法をカスタマイズする

function SetCookie(name, value, expires, path, domain, secure) {
 var today = new Date();
 today.setTime(today.getTime());
 if(expires) { expires *= 86400000; }
 var expires_date = new Date(today.getTime() + (expires));
 document.cookie = name + "=" + escape(value)
  + (expires ? ";expires=" + expires_date.toGMTString() : "")
  + (path ? ";path=" + path : "")
  + (domain ? ";domain=" + domain : "")
  + (secure ? ";secure" : "");
}

2. Cookie を取得します

文字列メソッドを使用する

function getCookieByString(cookieName){
 var start = document.cookie.indexOf(cookieName+'=');
 if (start == -1) return false;
 start = start+cookieName.length+1;
 var end = document.cookie.indexOf(';', start);
 if (end == -1) end=document.cookie.length;
 return document.cookie.substring(start, end);
}

配列メソッドを使用する

function getCookieByArray(name){
 var cookies = document.cookie.split(';');
 var c;
 for(var i=0; i<cookies.length ; i++){
  c = cookies[i].split('=');
  if (c[0].replace(' ', '') == name) {
   return c[1];
  }
 }
}
var r = decodeURIComponent(getCookieByArray('user'));
alert(r);

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。