戻る

JavaScriptでCookieを扱う

JavaScriptの場合

クッキーをセットする

<script>
var key = "キー";
var value = "値";
var date = new Date();
date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));	//3日×24時間×60分×60秒×1000ミリ秒
var expires = 'expires=' + date.toGMTString();

document.cookie = encodeURIComponent(key) + "=" + encodeURIComponent(value) + "; " + expires + "; path=/";
</script>

クッキーを取得する

<script>
var key = "キー";
var pattern = /([^*]+)=([^*]+)/;

var cookies = document.cookie.split('; ');
for(var i = 0; i < cookies.length; i++){
	var match = cookies[i].match(pattern);
	if(match && key == decodeURIComponent(match[1])){
		document.write(decodeURIComponent(match[2]));
	}
}
</script>

クッキーを破棄する

<script>
var key = "キー";
document.cookie = encodeURIComponent(key) + "=;" + "expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/";
</script>

jQueryの場合

日にちでクッキーをセットする

<script src="jquery.cookie.js"></script>
<script>
$.cookie("キー","値",{expires:3});	//3日
</script>

時間でクッキーをセットする

<script src="jquery.cookie.js"></script>
<script>
var date = new Date();

date.setTime(date.getTime()+(3 * 24 * 60 * 60 * 1000));	//3日×24時間×60分×60秒×1000ミリ秒
$.cookie("キー","値",{expires:date});
</script>

時間でクッキーをセットする

<script src="jquery.cookie.js"></script>
<script>
$.cookie("キー");
</script>

クッキーを破棄する

<script src="jquery.cookie.js"></script>
<script>
$.cookie("キー","値",{expires:-1});
</script>

inserted by FC2 system