前端session和cookie有关分析及用法

对于项目来说  若将数据存放在session中，由于是服务器存储，则会增加服务器的负担。而利用cookie的话，由于是客户端存储，则不会引起服务器的负担。只需正确的设置删除cookie的时间即可。   下面展示一下session和cookie的存取方式

1.session的存   取

window.sessionStorage.setItem("activePath", activePath);//存
this.activePath = window.sessionStorage.getItem("activePath");//取

第一行，简化为setItem("a",b)  则可当作把b存到session中，实现key=a    value=b

第二行，简化为b=***.getItem("a")  则可当作把key为a对应的value取出来，并存到b中

2.cookie的存    取

//存
var user = "i am a user";
document.cookie = "username=user";//此时存入的cookie的key:value = username:user
document.cookie = "username1="+user;//此时存入的cookie的key:value = username1:i am a user

//取  利用方法getCookie(key)
getCookie(key) {
      var strCookie = document.cookie;
      //将多cookie切割为多个名/值对
      var arrCookie = strCookie.split("; ");
      for (var i = 0; i < arrCookie.length; i++) {
        var tmp = arrCookie[i].split("=");
        if (tmp[0] == key) {
          return tmp[1];
        }
      }
    },

var a = this.getCookie("username");
var a = this.getCookie("username1");