封装cookie,自定义过期时间,domain,path

　　在使用Cookie进行存储的时候，遇到了许多不可思议的bug，特地标识出来，以作总结。

　　是这样一个项目，登录是放在官网进行操作的，而登录进入的是后台，后台和官网属于同一域名的不同目录，那么常规进行cookie进行存储的话，在后台则会访问不到这个cookie，所以需要配置domain和path。

//存储cookie
function setCookie(name, val, obj) {
  let {
    day,
    domain,
    path
  } = obj;
  if (!day) {
    day = 1;
  }
  if (!domain) {
    domain = document.domain;
  }
  if(!path){
    path='/'
  }
  var str = name + "=" + escape(val) + ";domain=" + domain + ";path=" + path + ";";
  var date = new Date();
  date.setTime(date.getTime() + day * 24 * 60 * 60 * 1000);
  str += ";expires=" + date.toString();
  document.cookie = str;
}

　　

//获取cookie
function getCookie(objName) {
  var arrStr = document.cookie.split("; ");
  for (var i = 0; i < arrStr.length; i++) {
    var temp = arrStr[i].split("=");
    if (temp[0] == objName) return unescape(temp[1]);
  }
}

　　在进行删除cookie的时候也遭遇了滑铁卢，我本来使用这个 delCookie 的方法失效，认识到了删除cookie必须domain和name一直才能删除。

//删除cookie
function delCookie(name){
      var date = new Date();
      date.setTime(date.getTime() - 10000);
      document.cookie = name + "=a; expires=" + date.toString();
 }

　　也就有了下面的这个方法，但是在使用的时候，删除cookie的操作只是把cookie的值修改了，过期时间改为了过期，但是cookie并没有删除掉。本来我以为这是cookie的默认机制，只有关闭浏览器过期的cookie才会删除，但是后来在做测试的时候才发现错了，cookie是可以直接删除掉的。

//带有domain
function delCookie(name) {
  var domain = '.suibian.com';
  var path='/';
  var str = name + "=error" + ";domain=" + domain + ";path=" + path + ";";
  var date = new Date();
  date.setTime(date.getTime() -10000);
  str += ";expires=" + date.toString();
  document.cookie = str;
}

　　

　　删除cookie的时候是因为我在浏览器操作，不想再复制删除cookie的代码过来了，于是直接使用了存储cookie的函数，把时间设置为-1的过期时间，然后cookie竟然不见了。。。。

　　cookie彻底删除的页面就不截图了。。。。

function delCookie(name) {
  setCookie(name,'expire',{domain:'your_domain'});
}

　　遗憾的是我还不清楚究竟是为什么，先把正确完整的代码贴上吧

//获取cookie
function getCookie(objName) {
  var arrStr = document.cookie.split("; ");
  for (var i = 0; i < arrStr.length; i++) {
    var temp = arrStr[i].split("=");
    if (temp[0] == objName) return unescape(temp[1]);
  }
}

//存储cookie
function setCookie(name, val, obj) {
  var day = obj.day
  var domain = obj.domain
  var path = obj.path
  if (!day) {
    day = -1;
  }
  if (!domain) {
    domain = document.domain;
  }
  if (!path) {
    path = '/'
  }
  var str = name + "=" + escape(val) + ";domain=" + domain + ";path=" + path + ";";
  var date = new Date();
  date.setTime(date.getTime() + day * 24 * 60 * 60 * 1000);
  str += ";expires=" + date.toString();
  document.cookie = str;
}


//删除cookie
function delCookie(name) {
  setCookie(name,'expire',{domain:'your_domain',path:'your_path'});
}

　　

 

转载于:https://www.cnblogs.com/gitByLegend/p/11057057.html