一分鐘解讀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>";
10        $php_en_ck=$_COOKIE['php_en_ck'];    
11       echo "英文cookie無需解碼:php_en_ck=$php_en_ck<br><br>";    
12    ?>    
13    <p>2 js讀取php設定cookie<br><br>    
14    <script src="cookie.js"></script>    
15    <script>    
16        php_cn_ck=Cookies.get('php_cn_ck');    
17        un_php_cn_ck = decodeURIComponent (escape(php_cn_ck));    
18       document.write("解碼前的中文cookie :php_cn_ck="+php_cn_ck+"<Br><br>");    
19        document.write("解碼後的中文cookie :un_php_cn_ck="+un_php_cn_ck+"<Br><br>");    
20        php_en_ck=Cookies.get('php_en_ck');    
21      document.write("英文cookie無需解碼 :php_en_ck="+php_en_ck+"<Br><br>");    
22    </script>    
23    -----------------------------------------------<br>    
24    二 讀取JS傳送的中英文cookie<br><br>    
25    <p>1 php讀取JS設定js cookie<br><br>    
26    <?php    
27        $js_cn_ck=$_COOKIE['js_cn_ck'];    
28      $un_js_cn_ck=unescape($js_cn_ck);    
29      echo "解碼前的中文cookie:js_cn_ck=$js_cn_ck<br><br>";    
30        echo "解碼後的中文cookie:un_js_cn_ck=$un_js_cn_ck<br><br>";    
31        $js_en_ck=$_COOKIE['js_en_ck'];    
32        echo "英文cookie無需解碼:js_en_ck=$js_en_ck<br><br>";    
33    ?>    
34    </p>    
35    <p>2 js讀取js設定的cookie<br><br>    
36    <script>    
37        js_cn_ck=Cookies.get('js_cn_ck');    
38        document.write("解碼前的中文cookie :js_cn_ck="+js_cn_ck+"<Br><br>");    
39        //un_js_cn_ck = decodeURIComponent (escape(js_cn_ck)); 呼叫這兩句會出現js解析中斷    
40        //document.write("解碼後的中文cookie :un_js_cn_ck="+un_js_cn_ck+"<Br><br>");    
41        js_en_ck=Cookies.get('js_en_ck');    
42        document.write("英文cookie無需解碼 :js_en_ck="+js_en_ck+"<Br><br>");    
43    </script>    
44    </p>    
總結:

php用自身函數讀取php 的cookie，沒有任何障礙，無需解碼處理。
js採用cookie.js方法讀取js 的cookie，沒有任何障礙，無需解碼處理。
js讀取php的中文cookie，需要做 "decodeURIComponent (escape(php_cn_ck)) "函數處理
php讀取js的中文cookie 需要做 "unescape()" 函數處理


cookie.js
view source
print
    ?
01        var Cookies = {};    
02        /**    
03        * 設定Cookies    
04        */    
05        Cookies.set = function(name, value){    
06            var argv = arguments;    
07            var argc = arguments.length;    
08            var expires = (argc > 2) ? argv[2] : null;    
09            if(expires != null){    
10                var exp　　 = new Date();    
11                exp.setTime(exp.getTime() + 8*3600 + expires);    
12            }    
13            alert(exp.toGMTString());    
14            var path = (argc > 3) ? argv[3] : '/';    
15            var domain = (argc > 4) ? argv[4] : null;    
16            var secure = (argc > 5) ? argv[5] : false;    
17            document.cookie = name + "=" + escape (value) +    
18            ((expires == null) ? "" : ("; expires=" + exp.toGMTString())) +    
19            ((path == null) ? "" : ("; path=" + path)) +    
20            ((domain == null) ? "" : ("; domain=" + domain)) +    
21            ((secure == true) ? "; secure" : "");    
22        };    
23        /**    
24        * 讀取Cookies    
25        */    
26        Cookies.get = function(name){    
27            var arg = name + "=";    
28            var alen = arg.length;    
29            var clen = document.cookie.length;    
30            var i = 0;    
31            var j = 0;    
32            while(i < clen){    
33                j = i + alen;    
34                if (document.cookie.substring(i, j) == arg)    
35                    return Cookies.getCookieVal(j);    
36                i = document.cookie.indexOf(" ", i) + 1;    
37                if(i == 0)    
38                    break;    
39            }    
40            return null;    
41        };    
42        /**    
43        * 清除Cookies    
44        */    
45        Cookies.clear = function(name) {    
46            if(Cookies.get(name)){    
47            var expdate = new Date();     
48            expdate.setTime(expdate.getTime() - (86400 * 1000 * 1));     
49            Cookies.set(name, "", expdate);     
50        }    
51    };    
52        Cookies.getCookieVal = function(offset){    
53            var endstr = document.cookie.indexOf(";", offset);    
54            if(endstr == -1){    
55                endstr = document.cookie.length;    
56            }    
57            return unescape(document.cookie.substring(offset, endstr));    
58        };

推薦學習：《》