1.cookie是什么
cookie也叫HTTPCookie,是客户端与服务器端进行会话(session)使用的一个能够在浏览器本地化存储的技术。
cookie就是为了存储sessionId而诞生
cookie的特性,会随着要请求自动化携带cookie的值到服务器
2.cookie的作用
cookie的作用主要是在浏览器存储少量的数据,利用cookie我们可以实现保存数据的功能。
3.cookie的使用
cookie由键值对形成的文本组成:name = value.
完整格式为:
name=value;[expires=date];[path=路径];[domain=域名];[secure]
其中中括号[]表示该值是可选的。
name=value: 为你要保存的键值对(必选)
expires=date: 表示cookie的失效时间, 默认是浏览器关闭时失效(可选)
可以自己设置cookie的失效时间。 如设置7天后再删除cookie
var date = newDate();
date.setDate(date.getDate() +7);
document.cookie = “user=张三;expires=” + date;
主动删除cookie
失效时间设置在现在时间或现在之前的时间即可删除指定cookie
name值为指定要删除的那个cookie
var date = new Date();
document.cookie = “user=张三;expires=” + date;
path=路径: 访问路径, 默认为当前文件所在目录(可选)
设置路径后, 则只有设置的那个路径文件才可以访问cookie, 默认为当前文件所在目录
一般设置path=/, 表示磁盘(域名)根目录, 则其他路径也可以获取到该cookie值
document.cookie = “user=abc;expires=" + date + ";path=/";
注意: 在设置路径path时, 要记得设置失效时间expires
domain=域名: 访问域名, 限制在该域名下访问(可选)
用于限制只有设置的域名才可以访问,没有设置则默认为当前域名。
document.cookie = “user=张三;domain=www.baidu.com”;
secure: 安全设置, 如果设置了则必须使用https协议才可获取cookie(可选)
指明必须通过安全的通信通道来传输(HTTPS)才能获取 cookie。
document.cookie = “user=张三;secure”;
获取和设置cookie
使用document对象来获取和设置cookie;
//设置cookie和获取cookie
document.cookie = "user="+"张三"; //设置
console.log(document.cookie); //获取
//URI编码后设置cookie, 和URI解码后获取cookie
document.cookie = "user2=" + encodeURIComponent("张三");
console.log(decodeURIComponent(document.cookie));
4.cookie的封装
将cookie相关的操作封装在函数中,方便以后调用,一般我们只要设name,value,expires,path即可;
设置cookie
function setCookie(name, value, expires, path) {
var cookieText = encodeURIComponent(name) + "=" + encodeURIComponent(value);
if (expires instanceof Date) {
cookieText += ";expires="+expires;
}
if (path) {
cookieText += ";path="+path;
}
document.cookie = cookieText;
return decodeURIComponent(document.cookie);
}
获取cookie
function getCookie(name) {
var cookie = decodeURIComponent(document.cookie);
var arr = cookie.split(“; ”);
for (var i=0; i<arr.length; i++) {
var arr2 = arr[i].split(“=”);
if (arr2.length >= 2) {
if (arr2[0] == name) {
return arr2[1];
}
}
}
return “”;
}
删除cookie
function removeCookie(name) {
document.cookie=encodeURIComponent(name)+“=; expires=” + new Date();
}