PHP与JavaScript下Cookie的交互使用

列出JS和php交互的方法
服务器君一共花费了153.049 ms进行了4次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

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

本文地址:http://www.nowamagic.net/librarys/veda/detail/1271,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/1271

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《JavaScript高级程序设计(第2版)》 尼古拉斯·泽卡斯(Nicholas C.Zakas) (作者), 李松峰 (译者), 曹力 (译者)

《JavaScript高级程序设计(第2版)》在上一版基础上进行了大幅度更新和修订,融入了近几年来JavaScript应用发展的最新成果,几乎涵盖了所有需要理解的重要概念和最新的JavaScript应用成果。从颇具深度的JavaScript语言基础到作用域(链),从引用类型到面向对象编程,从极其灵活的匿名函数到闭包的内部机制,从浏览器对象模型(BOM)、文档对象模型(DOM)到基于事件的Web脚本设计,从XML(E4X)到Ajax及JSON,从高级前端开发技术到前沿的客户端存储,从最佳编程实践到即将成为现实的API,直至JavaScript未来的发展,全景式地展示了JavaScript高级程序设计的方方面面。

更多计算机宝库...