cookie的生成,读取cookie,删除cookie

摘要:
=null)文档。cookie=名称+“=”+cval+“;过期=”+exp。toGMTString();}//使用示例setCookie;警报;//如果需要设置自定义过期时间,//请用以下两个函数替换上面的setCookie函数//程序函数setCookie{varstrsec=getsec;varexp=newDate();exp.setTime;document.cookie=name+“=”+escape+“;expires=”+exp.toGMTString();}函数getsec{alert;varstr1=str.substring*1;varstr2=str.ssubstring(0,1);if{returnstr1*1000;}elseif{returnstr1*60*60*1000;}elseif{returnstr1*24*60*60*1000;}}//这是使用集合过期的示例time://s20代表20秒//h代表小时。例如,12小时表示:h12//d为天,30天表示:d30setCookie;

一般在做登录和页面的用户认证时,我们的都会选择用cookie来传值,为啥,因为cookie前后端都可以获取,多好啊,那么前端用js对cookie的设置,就分享一下吧

JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name,则相应的JS代码为:

document.cookie="name="+username;

JS读取cookie:

假设cookie中存储的内容为:name=jack;password=123

则在B页面中获取变量username的值的JS代码如下:

varusername=document.cookie.split(";")[0].split("=")[1];
//JS操作cookies方法!
//写cookies
functionsetCookie(name,value)
{
varDays = 30;
varexp = newDate();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires="+ exp.toGMTString();
}
读取cookies
functiongetCookie(name)
{
vararr,reg=newRegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
returnunescape(arr[2]);
else
returnnull;
}
删除cookies
functiondelCookie(name)
{
varexp = newDate();
exp.setTime(exp.getTime() - 1);
varcval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("name","hayden");
alert(getCookie("name"));
//如果需要设定自定义过期时间
//那么把上面的setCookie 函数换成下面两个函数就ok;
//程序代码
functionsetCookie(name,value,time)
{
varstrsec = getsec(time);
varexp = newDate();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires="+ exp.toGMTString();
}
functiongetsec(str)
{
alert(str);
varstr1=str.substring(1,str.length)*1;
varstr2=str.substring(0,1);
if(str2=="s")
{
returnstr1*1000;
}
elseif(str2=="h")
{
returnstr1*60*60*1000;
}
elseif(str2=="d")
{
returnstr1*24*60*60*1000;
}
}
//这是有设定过期时间的使用示例:
//s20是代表20秒
//h是指小时,如12小时则是:h12
//d是天数,30天则:d30
setCookie("name","hayden","s20");

免责声明:文章转载自《cookie的生成,读取cookie,删除cookie》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Api网关Kong集成Consul做服务发现及在Asp.Net Core中的使用emacs下最牛逼的Markdown编辑方式下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序如何在使用wx.request使用cookie

我主要是做asp.net mvc后端开发的,经常使用Jquery的ajax与后台的Web API进行数据交互。 最近公司要做一个小程序,要实现小程序与Web前端的通信,当然小程序是可以实现socket通信的,那样的话,我需要给小程序写socket接口,给web写restful的接口,很显然我不乐意这么干。 我的各个交互都是需要知道用户状态的,web端使用c...

.net中RSA加密解密

1、产生密钥: private static void CreateKey() { using (RSACryptoServiceProvider rsa = new RSACryptoServiceProvider()) { string public...

layui 表格添加删除行

layui 表格添加删除行 一.需求: 在做一个管理系统时,需要增加表格行和删除功能。 二.效果图: 三.核心代码: //头工具栏监听事件 table.on('toolbar(test)', function (obj) { var checkStatus = table.checkStatus(obj.config.id...

动态显示轮播图片

我指的动态是时时从数据库中取的数据,在页面上动态显示: 我用到的轮播插件是: carouFredSel  html: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona...

微信小程序,时间戳和日期格式互相转化

微信小程序,时间戳转为日期格式  通常后台传递过来的都是时间戳,但是前台展示不能展示时间戳。就需要转化了。 功能说明: 微信小程序里,时间戳转化为日期格式,支持自定义、 拷贝至项目utils/utils.js中,并注意在js中声明下; module.exports = { formatTime: formatTime, // 日期转时间戳...

三种比较好玩的黑客效果JS代码(摘取)

<html> <head> <title>The Matrix</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/ja...