js与PHP 设置cookie的相互读取

欢迎加入php架构师之旅 群： 410028331 （招纳贤人-大师中）方便技术的交流

PHP与JavaScript下Cookie的交互使用

  列出JS和php交互的方法

在 2012年01月31日 那天写的     已经有 3730 次阅读了

感谢  参考或原文

服务器君一共花费了16.304 ms进行了2次数据库查询，努力地为您提供了这个页面。

试试阅读模式？希望听取您的建议   

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

setcookie.php

01

<?php

02	setcookie('php_cn_ck','php_中文_cookie');

03	setcookie('php_en_ck','php_english_cookie');

04

?>

05	<script src="cookie.js"></script>

06

<script>

07	Cookies.set('js_cn_ck','js_中文_cookie',5000);

08	Cookies.set('js_en_ck','js_english_cookie');

09

</script>

10	<meta http-equiv="Content-Type" content="text/html; charset=utf8">

11	PHP cookie已经设置<br>php_cn_ck=php_中文_cookie<br>php_en_ck=php_english_cookie<br><br>

12	JS cookie已经设置<br>js_cn_ck=js_中文_cookie<br>js_en_ck=js_english_cookie<br><br>

13	<a href=getcookie.php>读取cookie</a><br>

getcookie.php

01	<meta http-equiv="Content-Type" content="text/html; charset=utf8">

02	一 读取php传送的中英文cookie<br><br>

03	<p>1 php读取php设置php cookie<br><br>

04

<?php

05	include('function.php');

06	$php_cn_ck=$_COOKIE['php_cn_ck'];

07	$un_php_cn_ck=unescape($php_cn_ck);

08	echo "解码前的中文cookie:php_cn_ck=$php_cn_ck<br><br>";

09	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>

总结:

1. php用自身函数读取php 的cookie，没有任何障碍，无需解码处理。
2. js采用cookie.js方法读取js 的cookie，没有任何障碍，无需解码处理。
3. js读取php的中文cookie，需要做 "decodeURIComponent (escape(php_cn_ck)) "函数处理
4. 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

};