用Javascript读取中文COOKIE的解决办法


Posted in Javascript onFebruary 15, 2007

在Cookie的使用中,我们发现这样一个问题:如果写入Cookie的内容是中文(如用户称呼),用服务器端程序(如ASP或PHP)读出完全正确,但是用一般的javascript或VBScript的读Cookie函数取出的却是一堆乱码。这是一个棘手的问题,因为在有些情况下,Cookie的内容需要在客户机端用脚本语言读取。如果你写入了中文,得到了一堆乱码,是不是感觉很别扭呢?解决这个问题,还要从Cookie的存取方式说起。 

我们知道,写入Cookie内容前需要进行escape(十六进制编码),编码时又是以字节为单位的,这就是问题的关键所在:任何一个汉字都会被拆成两个字节分别编码;而在读Cookie时,unescape又以字节单位解码,因此最后每个汉字都变成了两个字节的乱码。怎么办呢?ASP或PHP方式能够正确读出,应该是在unescape解码后,又按照unicode编码把其中的汉字拼了出来。如果这样的话,能不能找到一种变通的方法解决这个问题呢?仔细研究后发现,只要在十六进制codec(编解码)过程中能够保存汉字信息就行了,因而我们需要再外包一层codec过程,方案如下: 

1.在escape编码前,把Cookie字符串中的每个字符转换为unicode码的字符串形式(用一特殊字符作为字串的分隔符)。 

2.在unescape解码后,先把所有unicode字串提取出来,再用对应的函数转换为原字符。 

<SCRIPT LANGUAGE=javascript>   
<!--   
//编码程序:   
function CodeCookie(str)   
{   
 var strRtn="";    for (var i=str.length-1;i>=0;i--)   
 {   

strRtn+=str.charCodeAt(i);   

if (i) strRtn+="a"; //用a作分隔符   
 }   
 return strRtn;   
}   
//解码程序:   
function DecodeCookie(str)   
{   
 var strArr;   
 var strRtn="";   
 strArr=str.split("a");   
 for (var i=strArr.length-1;i>=0;i--)   
 strRtn+=String.fromCharCode(eval(strArr[i]));   
 return strRtn;   
}   
//-->   
</script>  

VBScript版程序如下: 

<SCRIPT LANGUAGE=vbscript>   
<!--   
"编码程序:   
function CodeCookie(str)   
Dim i   
Dim strRtn   for i=len(str) to 1 step -1   
strRtn=strRtn & ascw(mid(str,i,1))   
if (i<>1) then strRtn = strRtn & "a" "用a作分隔符   
next   
CodeCookie=strRtn   
end function   
"解码程序:   
function DecodeCookie(str)   
Dim i   
Dim strArr,strRtn   
strArr=Split(str,"a");   
for i=UBound(strArr)-LBound(strArr) to 1 step -1   
strRtn=strRtn & chrw(Val(strArr(i)))   
next   
DecodeCookie=strRtn   
end function   
-->   
</script>  

例如你要写入的Cookie内容是"一顶abc",经过CodeCookie变为"99a98a97a-31029a26432a"(基于安全考虑,将字符串反转),再经过escape编码后变为"99a98a97a%2D31029a26432a"(escape编码将除字母和数字以外的字符转换为十六进制%XX的形式),注意分隔符不能选%,D和数字。当然,如果有类似密码的重要信息,还需要在加密上再强化一下。因为写入Cookie的一般都是短信息,编码后增加的一些字节可忽略不计。下面的javascript读写Cookie函数中就加入了以上的中文支持。 

function SetCookie(name,value,expires) 

 var exp=new Date(); 
 exp.setTime(exp.getTime()+expires*60*1000); 
 documents.cookie=name+"="+escape(CodeCookie(value))+" ; expires="+exp.toGMTString()+" ; path=/"; 

function GetCookie (name) 

 var strArg=name+"="; 
 var nArgLen=strArg.length; 
 var nCookieLen=documents.cookie.length; 
 var nEnd; 
 var i=0; 
 var j; 

while (i<nCookieLen) 

 j=i+nArgLen; 
 if (documents.cookie.substring(i,j)==strArg) 

 nEnd=documents.cookie.indexOf (";",j); 
 if (nEnd==-1) nEnd=documents.cookie.length; 
 return DecodeCookie(unescape(documents.cookie.substring(j,nEnd))); 

 i=documents.cookie.indexOf(" ",i)+1; 
 if (i==0) break; 

 return null; 

如果用CGI程序写入中文Cookie,客户端读取。如在ASP里,可以先使用前述的编码函数后,再用response写入,例如:response.cookies("Name")=CodeCookie("张三")至此,中文Cookie的问题基本解决。

Javascript 相关文章推荐
Javascript的匿名函数小结
Dec 31 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
使用原生JS实现弹出层特效
Dec 22 Javascript
两种方法解决javascript url post 特殊字符转义 + &amp; #
Apr 13 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
解决vue页面DOM操作不生效的问题
Mar 17 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
vue中data里面的数据相互使用方式
Jun 05 Vue.js
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
Feb 15 #Javascript
实例:用 JavaScript 来操作字符串(一些字符串函数)
Feb 15 #Javascript
从Ajax到JQuery Ajax学习
Feb 14 #Javascript
JAVASCRIPT对象及属性
Feb 13 #Javascript
js判断浏览器的比较全的代码
Feb 13 #Javascript
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 #Javascript
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】
Feb 09 #Javascript
You might like
Terran魔法科技
2020/03/14 星际争霸
php注入实例
2006/10/09 PHP
smarty实例教程
2006/11/19 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
node.js调用C++开发的模块实例
2015/07/03 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
深入理解Node.js中通用基础设计模式
2017/09/19 Javascript
JS实现面向对象继承的5种方式分析
2018/07/21 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
详解JavaScript中的链式调用
2020/11/27 Javascript
Python中的闭包总结
2014/09/18 Python
python使用邻接矩阵构造图代码示例
2017/11/10 Python
基于Django用户认证系统详解
2018/02/21 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
python中yaml配置文件模块的使用详解
2018/04/27 Python
详解django自定义中间件处理
2018/11/21 Python
python3 小数位的四舍五入(用两种方法解决round 遇5不进)
2019/04/11 Python
Python中使用pypdf2合并、分割、加密pdf文件的代码详解
2019/05/21 Python
详解python编译器和解释器的区别
2019/06/24 Python
numpy.linalg.eig() 计算矩阵特征向量方式
2019/11/29 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
班会关于环保演讲稿
2013/12/29 职场文书
爱护公共设施标语
2014/06/24 职场文书
2014年中秋寄语
2014/08/11 职场文书
赔偿协议书
2015/01/27 职场文书
详解MySQL集群搭建
2021/05/26 MySQL