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机制详解