简明现代魔法 -> web设计理念 -> PHP与JavaScript下的Cookie操作

PHP与JavaScript下的Cookie操作

2011-04-06

下面的例子列出几种情形交互场景,列出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>

总结:

  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

	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)); 
	}; 
随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们