cookie

204 阅读2分钟

一、概念

cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化储存的技术。简而言之,cookie是服务器端发送给客户端的文本文件;目的是用于辨别用户身份。

比如:

1.用户登录时的记住密码功能(下次再访问网站时无需输入密码);

2购物车,加入购物车的商品没有及时付款,使用cookie保存后,可以在一定时间后再访问网站,会发现购物车里还有之前的商品列表。


二、cookie的保存

第二个参数为名
第二个参数为值
第三个参数为有效时长(单位:天)

function setCookie(name,value,day){
                // 获取到当前的时间
                var D=new Date()
                // 在当前时间的基础上,加上过期的时间
                D.setDate(D.getDate()+day)
                document.cookie=name+"="+value+";expires="+D
            }

三、cookie的获取

获取主要是用split()对字符串进行操作,先用分号隔开,获取到每一个cookie值,然后再用等号隔开,获取到我们想要的内容。

function getCookie(name){
                var str=document.cookie;
                var arr=str.split(";");
                for(var n=0;n<arr.length;n++){
                    var x=arr[n].split("=");
                    if(x[0]==name){
                        return x[1];
                    }
                }
                return "";
            }

四、cookie的删除

cookie的删除可以说是最简单的一个,利用的就是cookie的过期时间来进行操作, 参数表示要删除的cookie名,大概思路是这样:

1.建一个函数,并向其中传入一个参数。
2.在这个函数里面调用cookie的保存函数,第一个参数写要删除的cookie名,第二个参数为空,第三个参数为-1,也就是让cookie在相对于今天的昨天就过期,就达到了删除的目的。 3.调用这个函数并把需要删除的cookie名传入进去

 function removeCookie(name){
                setCookie(name,"",-1);
            }

小技巧

我们可以把这三个函数保存到一个文件里,在需要用到的时候直接引用进来,方便我们使用。希望可以对大家有所帮助