Ajax JavaScript PHP Web その他

document.cookieを使って、Cookieを使用する方法です。

1. Cookieに値をセットする方法。
　 "キー文字列=値;" の形式の文字列を、document.cookieに代入します。

// "key01" というキーで "value01" という値をセットする
document.cookie = "key01=value01;";

---

2. Cookieに複数のキーをセットする方法。
　 キー数分document.cookieに代入します。

// "key01" というキーで "value01" という値をセットする
document.cookie = "key01=value01;";
// "key02" というキーで "value02" という値をセットする
document.cookie = "key02=value02;";

// この方法ではダメ
document.cookie = "key01=value01; key02=value02;";

---

3. Cookieから値を取得する方法。
　 上記複数キーがセットされた例の場合、
　 "key01=value01;key02=value02;" という文字列で取得されるので、
　 自分で値を切り出す必要があります。

// Cookieから値を取得する
var cookieString = document.cookie;

<p>例えば、こんな方法です。</p>

function getCookie(key) {
　// Cookieから値を取得する
　var cookieString = document.cookie;

　// 要素ごとに ";" で区切られているので、";" で切り出しを行う
　var cookieKeyArray = cookieString.split(";");

　// 要素分ループを行う
　for (var i=0; i<cookieKeyArray.length; i++) {
　　var targetCookie = cookieKeyArray[i];

　　// 前後のスペースをカットする
　　targetCookie = targetCookie.replace(/^\s+|\s+$/g, "");

　　var valueIndex = targetCookie.indexOf("=");
　　if (targetCookie.substring(0, valueIndex) == key) {
　　　// キーが引数と一致した場合、値を返す
　　　return unescape(targetCookie.slice(valueIndex + 1));
　　}
　}

　return "";
}

↓インラインフレーム内でサンプルが動作しています。

[Java Script - Java Script - Cookie]