cookie

一、cookie

　　（一）什么是cookie：

　　　　1、就是会话跟踪技术，存放在客户端浏览器中的一段文本信息

　　　　2、会话：从浏览网站开始到结束的这个过程称为一次会话，浏览器关闭，表示会话结束

　　　　3、会话跟踪技术：客户端向服务器请求数据，多次请求时，实现数据共享的过程，称为会话跟踪技术

　　（二）cookie的存取

　　　　1、document.cookie 取cookie

　　　　2、document.cookie = "键 = 值";

　　（三）字符串和对象类型的转换

　　　　1、将字符串转成对象：JSON.parse（）；

　　　　2、将对象转成字符串：JSON.stringify（）；

　　　　拓展：encodeURIComponent（）；把字符串作为 URI 组件进行编码

　　　　　　　decodeURIComponent（）；编码的 URI 进行解码

　　（四）cookie的生存期

　　　　1、生存期：cookie数据在浏览器中保存的时间

　　　　　　如果不设置生存期，浏览器关闭，表示会话结束，cookie数据自动删除

　　　　　　如果设置生存期，浏览器关闭，cookie数据会保存在浏览器上，生存期内cookie不会自动删除

　　　　2、如何设置生存期（需要expires参数）

　　　　　　document.cookie = "键 = 值；expires = 过期时间（也就是date）" 过期时间格式：要求标准时间格式；

　　　　3、如何设置根目录

　　　　　　path = /；

　　（五）删除cookie

　　　　1、将某个键的值，设置为""或将生存期设置为-1

　　（六）使用cookie需要注意

　　　　1、cookie存储的数据安全性低

　　　　2、cookie存储数据量小，最多存4KB数据，一般不能超过50个cookie

　　　　3、cookie不能跨文件访问，在a目录下存储的cookie在b目录下不能访问到a中的cookie数据

　　　　4、cookie参数：必须有一个键值对

　　（七）如何封装cookie

function setCookie(key,value,newDate){
    var txtCookie = encodeURIComponent(key) + "=" +encodeURIComponent(value);
    if(newDate){
        var date = new Date();
        date.setDate(date.getDate() + newDate);
        document.cookie = txtCookie + ";expires=" + date + ";path=/"; 
    }else{
        document.cookie = txtCookie + "=" + value + ";path=/";
    }   
}//设置cookie
 
function getCookie(key){
    var str = document.cookie;
    if(str){
        var arr = str.split("; ");
        for(var i = 0,len = arr.length;i < len;i++){
            var newArr = arr[i].split("=");
            if(newArr[0] === encodeURIComponent(key)){
                return decodeURIComponent(newArr[1]);
            }
        }
        return "";
    }
    return "";
}//获取cookie
 
function removeCookie(key){
    setCookie(key,'',-1);
}//删除cookie