关于浏览器的cookie

jsliang 发布于2019-08-20 15:58 / 1574人阅读

摘要：前言是运行在客户端的脚本，因此一般是不能够设置的，因为是运行在服务器端的。解决这个问题的最好的方案是采用来保存该变量的值，那么如何来设置和读取呢首先需要稍微了解一下的结构，简单地说是以键值对的形式保存的，即的格式。各个之间一般是以分隔。

前言

jvascript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。
而cookie是运行在客户端的，所以可以用JS来设置cookie.
假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或者页面关闭的时候，这些变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值，那么如何来设置和读取cookie呢？
首先需要稍微了解一下cookie的结构，简单地说：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。

设置cookie

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

</>复制代码 
document.cookie="name="+username;

JS读取cookie

假设cookie中存储的内容为：name=admin;password=123456
则在B页面中获取变量username的值的JS代码如下：

</>复制代码 
var username=document.cookie.split(";")[0].split("=")[1];
//JS操作cookies方法!
//写cookies
function setCookie(name,value){
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name){
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg)){
        return unescape(arr[2]);
    }else{
        return null;
    }
}

删除cookie

</>复制代码 
function delCookie(name){
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
//使用示例
setCookie("name","hayden");
alert(getCookie("name"));
//如果需要设定自定义过期时间
//那么把上面的setCookie　函数换成下面两个函数就ok;
//程序代码
function setCookie(name,value,time){
    var strsec = getsec(time);
    var exp = new Date();
    exp.setTime(exp.getTime() + strsec*1);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getsec(str){
    alert(str);
    var str1=str.substring(1,str.length)*1;
    var str2=str.substring(0,1);
    if (str2=="s"){
        return str1*1000;
    }else if (str2=="h"){
        return str1*60*60*1000;
    }else if (str2=="d"){
        return str1*24*60*60*1000;
    }
}
//这是有设定过期时间的使用示例：
//s20是代表20秒
//h是指小时，如12小时则是：h12
//d是天数，30天则：d30
setCookie("name","hayden","s20");

云服务器 GPU云服务器用户浏览器cookie网站js cookie的使用 ie的cookie管理 java中cookie的作用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82620.html

关于Cookie的那些事

摘要：假设有两个域名域名域名域名有分级的概念，也就是说域名与域名都是的子域名，又是的子域名在域名所使用的服务中，可以设置域名在服务端设置的时候，设置为或没有区别，注意前面的点，即只要是为显式的声明，前面带不带点没有区别。 1 Cookie简介 Cookie是由W3C组织提出，最早由NetScape社区发展的一种机制。Cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某...

sf_wangchong 2019-08-23 15:59 评论0 收藏0
关于Cookie的那些事

摘要：假设有两个域名域名域名域名有分级的概念，也就是说域名与域名都是的子域名，又是的子域名在域名所使用的服务中，可以设置域名在服务端设置的时候，设置为或没有区别，注意前面的点，即只要是为显式的声明，前面带不带点没有区别。 1 Cookie简介 Cookie是由W3C组织提出，最早由NetScape社区发展的一种机制。Cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某...

alogy 2019-08-02 14:32 评论0 收藏0
关于Cookie的简单总结

摘要：通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。使基于无状态的协议记录稳定的状态信息成为了可能。另外，的过期时间域路径有效期适用站点都可以根据需要来指定。 Cookie简介 HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，...

EscapedDog 2019-08-22 16:48 评论0 收藏0
一个关于 safari 安全策略引发的 cookie 问题

摘要：因为，，等安全策略的问题，在设置安全的时候，在验证图形验证码的时候，会出现储存不了的情况，以至于后端接口验证不能通过。使基于无状态的协议记录稳定的状态信息成为了可能。如果不指定，默认为当前文档的主机不包含子域名。 Cookie safari bugs 因为 mac os（safari，iphone（h5），ipad 等）安全策略的问题，在设置安全 cookie 的时候，在验证图形验证码的...

xiaoxiaozi 2019-05-22 19:43 评论0 收藏0
注册和登录（关于Cookie）

摘要：当的过期时间被设定时，设定的日期和时间只与客户端相关，而不是服务端。前记我将描述一下登陆和注册之间发生了什么，将场景分为客户端和服务端，服务器是Node.JS,客户端是由JS写的注册 1、注册请求这是由客户端发送一个POST请求给服务端，其中包含了用户名和密码 let $form = $(#signUpForm) $form.on(submit, (e)=>{ ...

wthee 2019-08-26 12:13 评论0 收藏0
注册和登录（关于Cookie）

摘要：当的过期时间被设定时，设定的日期和时间只与客户端相关，而不是服务端。前记我将描述一下登陆和注册之间发生了什么，将场景分为客户端和服务端，服务器是Node.JS,客户端是由JS写的注册 1、注册请求这是由客户端发送一个POST请求给服务端，其中包含了用户名和密码 let $form = $(#signUpForm) $form.on(submit, (e)=>{ ...

jay_tian 2019-08-02 11:15 评论0 收藏0