客户端与服务器端通信之Cookie篇

最新推荐文章于 2021-07-10 11:24:32 发布

原创最新推荐文章于 2021-07-10 11:24:32 发布 · 781 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #javascript #测试 #domain #function #date

JavaScript技术探讨专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript简化Cookie操作的方法。通过自定义函数setCookie和getCookie，可以轻松地设置和读取Cookie，避免了复杂的格式问题。示例代码展示了如何创建与读取Cookie。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中处理cookie有些复杂，因为其众所周知的蹩脚的接口。document对象有个cookie属性，是包含所有给定页面可访问的cookie的字符串。

因为创建和读取cooie需记住它的个格式，所以我们有必要用函数来封装这些难记的细节。

JavaScript示例代码

//创建并赋值Cookie方法 function setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure) { var sCookie = sName + "=" + encodeURIComponent(sValue); if (oExpires) { sCookie += "; expires=" + oExpires.toGMTString(); } if (sPath) { sCookie += "; path=" + sPath; } if (sDomain) { sCookie += "; domain=" + sDomain; } if (bSecure) { sCookie += "; secure"; } document.cookie = sCookie; } //根据Cookie名称读取指定Cookie function getCookie(sName) { var sRE = "(?:; )?" + sName + "=([^;]*);?"; var oRE = new RegExp(sRE); if (oRE.test(document.cookie)) { return decodeURIComponent(RegExp["$1"]); } else { return null; } }

以上把Cookie创建与读取细节进行封装，以后只需调用这两个方法就OK了。

JavaScript示例代码

//测试创建一个Cookie function TestsetCookie() { setCookie("name","hwy",new Date(Date.parse("Jan 1,2010"))); } //测试读取一个Cookie function TestgetCookie() { alert(getCookie("name")); }

呵呵，简单吧