一分钟解读js与PHP 设置cookie的相互读取（附代码）

36862021-06-09 12:40:16

本篇文章给大家分享一分钟解读js与PHP 设置cookie的相互读取（附代码）有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

PHP与JavaScript下Cookie的交互使用

下面的例子列出几种情形交互场景，列出JS和php交互的方法。总结下，以免日后再为cookie问题困扰。

setcookie.php

<?php 
    setcookie('php_cn_ck','php_中文_cookie'); 
    setcookie('php_en_ck','php_english_cookie'); 
?>
<script src="cookie.js"></script> 
<script> 
    Cookies.set('js_cn_ck','js_中文_cookie',5000); 
    Cookies.set('js_en_ck','js_english_cookie'); 
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf8"> 
PHP cookie已经设置<br>php_cn_ck=php_中文_cookie<br>php_en_ck=php_english_cookie<br><br> 
JS cookie已经设置<br>js_cn_ck=js_中文_cookie<br>js_en_ck=js_english_cookie<br><br> 
<a href=getcookie.php>读取cookie</a><br>

getcookie.php

<meta http-equiv="Content-Type" content="text/html; charset=utf8"> 
一 读取php传送的中英文cookie<br><br> 
<p>1 php读取php设置php cookie<br><br> 
<?php 
    include('function.php'); 
    $php_cn_ck=$_COOKIE['php_cn_ck']; 
    $un_php_cn_ck=unescape($php_cn_ck); 
    echo "解码前的中文cookie:php_cn_ck=$php_cn_ck<br><br>"; 
    echo "解码后的中文cookie:un_php_cn_ck=$un_php_cn_ck<br><br>"; 
    $php_en_ck=$_COOKIE['php_en_ck']; 
    echo "英文cookie无需解码:php_en_ck=$php_en_ck<br><br>"; 
?>
<p>2 js读取php设置cookie<br><br> 
<script src="cookie.js"></script> 
<script> 
    php_cn_ck=Cookies.get('php_cn_ck'); 
    un_php_cn_ck = decodeURIComponent (escape(php_cn_ck)); 
    document.write("解码前的中文cookie :php_cn_ck="+php_cn_ck+"<Br><br>"); 
    document.write("解码后的中文cookie :un_php_cn_ck="+un_php_cn_ck+"<Br><br>"); 
    php_en_ck=Cookies.get('php_en_ck'); 
    document.write("英文cookie无需解码 :php_en_ck="+php_en_ck+"<Br><br>"); 
</script> 
-----------------------------------------------<br> 
二 读取JS传送的中英文cookie<br><br> 
<p>1 php读取JS设置js cookie<br><br> 
<?php 
    $js_cn_ck=$_COOKIE['js_cn_ck']; 
    $un_js_cn_ck=unescape($js_cn_ck); 
    echo "解码前的中文cookie:js_cn_ck=$js_cn_ck<br><br>"; 
    echo "解码后的中文cookie:un_js_cn_ck=$un_js_cn_ck<br><br>"; 
    $js_en_ck=$_COOKIE['js_en_ck']; 
    echo "英文cookie无需解码:js_en_ck=$js_en_ck<br><br>"; 
?> 
</p> 
<p>2 js读取js设置的cookie<br><br> 
<script> 
    js_cn_ck=Cookies.get('js_cn_ck'); 
    document.write("解码前的中文cookie :js_cn_ck="+js_cn_ck+"<Br><br>"); 
    //un_js_cn_ck = decodeURIComponent (escape(js_cn_ck)); 调用这两句会出现js解析中断 
    //document.write("解码后的中文cookie :un_js_cn_ck="+un_js_cn_ck+"<Br><br>"); 
    js_en_ck=Cookies.get('js_en_ck'); 
    document.write("英文cookie无需解码 :js_en_ck="+js_en_ck+"<Br><br>"); 
</script> 
</p>

总结：

php用自身函数读取php 的cookie，没有任何障碍，无需解码处理。
js采用cookie.js方法读取js 的cookie，没有任何障碍，无需解码处理。
js读取php的中文cookie，需要做 "decodeURIComponent (escape(php_cn_ck)) "函数处理
php读取js的中文cookie 需要做 "unescape()" 函数处理

cookie.js

    var Cookies = {}; 
    /** 
    * 设置Cookies 
    */ 
    Cookies.set = function(name, value){ 
        var argv = arguments; 
        var argc = arguments.length; 
        var expires = (argc > 2) ? argv[2] : null; 
        if(expires != null){ 
            var exp　　 = new Date(); 
            exp.setTime(exp.getTime() + 8*3600 + expires); 
        } 
        alert(exp.toGMTString()); 
        var path = (argc > 3) ? argv[3] : '/'; 
        var domain = (argc > 4) ? argv[4] : null; 
        var secure = (argc > 5) ? argv[5] : false; 
        document.cookie = name + "=" + escape (value) + 
        ((expires == null) ? "" : ("; expires=" + exp.toGMTString())) + 
        ((path == null) ? "" : ("; path=" + path)) + 
        ((domain == null) ? "" : ("; domain=" + domain)) + 
        ((secure == true) ? "; secure" : ""); 
    }; 
    /** 
    * 读取Cookies 
    */ 
    Cookies.get = function(name){ 
        var arg = name + "="; 
        var alen = arg.length; 
        var clen = document.cookie.length; 
        var i = 0; 
        var j = 0; 
        while(i < clen){ 
            j = i + alen; 
            if (document.cookie.substring(i, j) == arg) 
                return Cookies.getCookieVal(j); 
            i = document.cookie.indexOf(" ", i) + 1; 
            if(i == 0) 
                break; 
        } 
        return null; 
    }; 
    /** 
    * 清除Cookies 
    */ 
    Cookies.clear = function(name) { 
        if(Cookies.get(name)){ 
        var expdate = new Date();  
        expdate.setTime(expdate.getTime() - (86400 * 1000 * 1));  
        Cookies.set(name, "", expdate);  
    } 
}; 
    Cookies.getCookieVal = function(offset){ 
        var endstr = document.cookie.indexOf(";", offset); 
        if(endstr == -1){ 
            endstr = document.cookie.length; 
        } 
        return unescape(document.cookie.substring(offset, endstr)); 
    };