JavaScript解决中文Cookie乱码:unescape与decodeURI的区别
作者:半夏时间:2026-10-24 07:20:33浏览:598
本文详细解析JavaScript中处理包含中文信息的Cookie时出现乱码的原因及解决方案。通过对比原始代码,指出将读取函数中的unesescape替换为decodeURI可有效解决该问题,同时保持Set_Cookie函数逻辑不变,确保中文数据正确存储与读取。
原始Cookie处理代码分析
示例代码:
function Get_Cookie(name) {
var start = document.cookie.indexOf(name+…=…);
var len = start+name.length+1;
if ((!start) && (name != document.cookie.substring(0,name.length))) return null;
if (start == -1) return null;
var end = document.cookie.indexOf(…;…,len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len,end));
}
function Set_Cookie(name,value,expires,path,domain,secure) {
expires = expires * 60*60*24*1000;
var today = new Date();
var expires_date = new Date( today.getTime() + (expires) );
var cookieString = name + …=… +escape(value) +
( (expires) ? …;expires=… + expires_date.toGMTString() : ……) +
( (path) ? …;path=… + path : ……) +
( (domain) ? …;domain=… + domain : ……) +
( (secure) ? …;secure… : ……);
document.cookie = cookieString;
}解决中文Cookie乱码的修改方案
当Cookie存储中文数据时会出现乱码,采用以下修改方案可解决该问题
示例代码:
//Cookie操作函数
function Get_Cookie(name) {
var start = document.cookie.indexOf(name+…=…);
var len = start+name.length+1;
if ((!start) && (name != document.cookie.substring(0,name.length))) return null;
if (start == -1) return null;
var end = document.cookie.indexOf(…;…,len);
if (end == -1) end = document.cookie.length;
return decodeURI(document.cookie.substring(len,end));
}
function Set_Cookie(name,value,expires,path,domain,secure) {
expires = expires * 60*60*24*1000;
var today = new Date();
var expires_date = new Date( today.getTime() + (expires) );
var cookieString = name + …=… +escape(value) +
( (expires) ? …;expires=… + expires_date.toGMTString() : ……) +
( (path) ? …;path=… + path : ……) +
( (domain) ? …;domain=… + domain : ……) +
( (secure) ? …;secure… : ……);
document.cookie = cookieString;
}核心改动在于将unescape替换为decodeURI。
作者最新文章
JavaScript闭包与类(Class)的区别及适用场景对比
2026-11-05 15:48:57
JavaScript入门要学ES6吗?let与箭头函数等新特性解析
2026-11-05 14:49:16
JavaScript 8种数据类型详解:基本类型与引用类型的区别
2026-11-05 14:25:15
怎么在JavaScript中使用async/await优化Ajax异步流程
2026-11-05 13:56:15
JavaScript replace回调函数实现动态正则替换逻辑
2026-11-05 13:52:13
