獲取cookie裡面的值

這裡講解一下獲取cookie裡面的值的兩種方法：

第一種：

let allcookies = document.cookie;
function getCookie(cookie_name)
{
    var allcookies = document.cookie;
    var cookie_pos = allcookies.indexOf(cookie_name);   //索引的長度
  
    // 如果找到了索引，就代表cookie存在，
    // 反之，就說明不存在。
    if (cookie_pos != -1)
    {
        // 把cookie_pos放在值的開始，只要給值加1即可。
        cookie_pos += cookie_name.length + 1;      //這裡容易出問題，所以請大家參考的時候自己好好研究一下
        var cookie_end = allcookies.indexOf(";", cookie_pos);
  
        if (cookie_end == -1)
        {
            cookie_end = allcookies.length;
        }
  
        var value = unescape(allcookies.substring(cookie_pos, cookie_end));         //這裡就可以得到你想要的cookie的值了。。。
    }
    return value;
}
 
// 呼叫函式
let  cookie_val = getCookie(cookie的名字);

第二種：

function getCookie(cname)
{
  var name = cname + "=";
  var ca = document.cookie.split(';');
  for(var i=0; i<ca.length; i++) 
  {
    var c = ca[i].trim();
    if (c.indexOf(name)==0) return c.substring(name.length,c.length);
  }
  return "";
}

// 呼叫函式
let  cookie_val = getCookie(cookie的名字);

原理：

1- 通過document.cookie獲取所有的cookie值，獲取到一個cookie所有值在一起的字串。
2- 因為所有的cookie都是以分號隔開的，所有使用split(’;’)將這個字串切開變成陣列，存起來。
3-判斷陣列中每一項有沒有包含cookie名字的，如果有，把對應的值取出來就行。