Web客户端数据存储学习笔记——Cookie

　　

　　今天对登录访问的安全以及web客户端存储做了一些大致的学习，决定在这方面加深理解，记录在博客里。第一个接触到的是Cookie...

WHAT?

WHY?

HOW?

在学习cookie的使用时发现其名称以及存储的字符串值是必须经过URL编码的。

然而网上的许多示例（包括 w3school中文站）都没有做这一处理，所以三哥参考阮一峰老师的关于URL编码博文找到了解决方案，在这里分享：

cookieUtil.js:

//cookieUtil.js
var cookieUtil = {
    
    //读取"name"对应cookie的值
    get : function(name){
            var cookieName = encodeURIComponent(name)+"=",                //对传入name参数URL编码
                cookieStart = document.cookie.indexOf(cookieName),
                cookieValue = null;
                
            if(cookieStart > -1){
                var cookieEnd = document.cookie.indexOf(";",cookieStart);
                if(-1 == cookieEnd){
                    cookieEnd = document.cookie.length;            //cookie值为空
                }
                //对cookie保存的值URL解码
                cookieValue = decodeURIComponent(document.cookie.substring(cookieStart+cookieName.length,cookieEnd));
            }
　　　　　　　return cookieValue;
        },
        
    //创建或设置cookie        其中name将作为某一域内的唯一标示、不可更改
    set : function(name,value,expires,path,domain,secure){
        //对名称和值URL编码
        var cookieText = encodeURIComponent(name)+"="+encodeURIComponent(value);
        
        if(expires instanceof Date){
            cookieText += "; expires="+expires.toGMTString();
        }
        if(path){
            cookieText += "; path="+path;
        }
        if(domain){
            cookieText += "; domain="+domain;
        }
        if(secure){
            cookieText += "; secure";
        }
        
        //将根据name是否存在决定是否添加新的cookie字符串，需要注意：a、cookie长度（limit：4095B）；b、每个域允许的cookie个数（各浏览器决定）
        document.cookie = cookieText;        
    },
    
    //删除cookie
    unset : function(name,path,domain,secure){
        this.set(name,"",new Date(0),path,domain,secure);
    }
    
}

WHEN?

BETTER!

updating

REFERENCE：

1、 关于URL编码

2、Cookie/Session机制详解