用原js写获取本地cookie的方法

JavaScript06

用原js写获取本地cookie的方法,第1张

get(cookie){

    let  cookieValue=null

    let  cookies=document.cookie.split('')

    for(var i=0i<cookies.lengthi++){

          let cookie=cookies[i].trim()去掉前后的空格

          if(cookie.substring(0,name.length+1)==(name+'=')){

              cookieValue=decodeURICompoent(cookie.substring(name.length+1)）

              break

          }

      }

    return cookieValue

  }、

1. 最近得到一个新需求，需要在后台管理页面加上用户权限控制，通过后台放在cookie里面的token进行判断；

2. 获取cookie里面的token：

    2.1 我们在用vue.js里面的index.html写一个全局的函数:

           

 3. 这样我们通过传入cookie的key名就可以获取到后面的token了，如：

首先JS设置cookie:

假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：

document.cookie="name="+username

JS读取cookie:

var username=document.cookie.split("")[0].split("=")[1]

function setCookie(name,value)

{

var Days = 30

var exp = new Date()

exp.setTime(exp.getTime() + Days*24*60*60*1000)

document.cookie = name +"="+ escape (value) +"expires=" + exp.toGMTString()

}

读取cookies

function getCookie(name)

{

var arr,reg=new RegExp("(^| )"+name+"=([^]*)(|$)")

if(arr=document.cookie.match(reg))

return unescape(arr[2])

else

return null

}

扩展资料

服务器可以利用Cookies包含信息的任意性来筛选并经常性维护这些信息，以判断在HTTP传输中的状态。Cookies最典型的应用是判定注册用户是否已经登录网站，用户可能会得到提示，是否在下一次进入此网站时保留用户信息以便简化登录手续，这些都是Cookies的功用。

另一个重要应用场合是“购物车”之类处理。用户可能会在一段时间内在同一家网站的不同页面中选择不同的商品，这些信息都会写入Cookies，以便在最后付款时提取信息。