cookieの値をjavascriptでページ上に表示する

この記事について

環境javascript、cookie
目的cookieの値をjavascriptでページ上に表示する
結果document.cookieから値を取り出すgetCookie関数を作り、document.writeで表示する

cookieの値をjavascriptでページ上に表示する方法

javascriptの記述

// クッキーの値を取得 getCookie(クッキー名);
function getCookie(c_name){
    var st="";
    var ed="";
    if(document.cookie.length>0){
        // クッキーの値を取り出す
        st=document.cookie.indexOf(c_name + "=");
        if(st!=-1){
            st=st+c_name.length+1;
            ed=document.cookie.indexOf(";",st);
            if(ed==-1) ed=document.cookie.length;
            // 値をデコードして返す
            return unescape(document.cookie.substring(st,ed));
        }
    }
    return "";
}

// クッキーの値をアラートで表示
function checkCookie(){
    if(getCookie('testcookie')){
        var setName = getCookie('testcookie');
        document.write(setName);
        //alert(setName); //アラートならこっち
    }
}

cookieの値を表示したい箇所に記述

<script type="text/javascript">
checkCookie();
</script>

もしPHPで処理したいなら

if (isset($_COOKIE["testcookie"]) {
//処理内容
}

参考サイト:こちら

cookieを保存する場合は、こちら

関連記事

タイトルとURLをコピーしました