cookie localstorage sessionStorage

YanceyOfficial 發(fā)布于2019-08-23 15:31 / 1313人閱讀

摘要：保存在瀏覽器端的用戶信息的文本，約條必須在服務(wù)器環(huán)境下，第一次在服務(wù)器生成，響應(yīng)給客戶端客戶端發(fā)起請求時(shí)，會(huì)跟隨請求一起發(fā)送到服務(wù)器端優(yōu)點(diǎn)能記錄用戶信息，保持狀態(tài)缺點(diǎn)消耗相當(dāng)?shù)膸捑W(wǎng)絡(luò)資源，可能泄露用戶的私隱怎么用請看下面的獲取所有條數(shù)組成

cookie

保存在瀏覽器端的用戶信息的文本，約4k 120~150條
 cookie必須在服務(wù)器環(huán)境下，cookie第一次在服務(wù)器生成，響應(yīng)給客戶端
 客戶端發(fā)起請求時(shí)，cookie會(huì)跟隨請求一起發(fā)送到服務(wù)器端
 優(yōu)點(diǎn)：能記錄用戶信息，保持狀態(tài)
 缺點(diǎn)：消耗相當(dāng)?shù)膸捑W(wǎng)絡(luò)資源，可能泄露用戶的私隱

cookie怎么用?
請看下面的code:
   
// 1.獲取cookie
function getCookie(name) {
    var cookies = document.cookie.split("; ");//所有cookie條數(shù)組成的數(shù)組
    for(var i = 0; i < cookies.length; i++) {
        var arr = cookies[i].split("=");// 將name199=value199字符串以=號分割
        if(name === arr[0]) {
            return arr[1]; // 找到立即返回
        }
    }
    return ""; //找不到返回空
}

// 2.設(shè)置cookie
// expires 天
function setCookie(name, value, expires) {
    document.cookie = name + "=" + value + ";Max-Age = " + expires * 24 * 60 * 60;
}

// 3.清除cookie
function clearCookie(name) {
    setCookie(name, "", -1);
}

localStorage

 本地存儲，5M，不需要服務(wù)器環(huán)境，一直保留在瀏覽器;但是不能跨客戶端跨瀏覽器
localStorage.getItem(name)        獲取
localStorage.setItem(name, value) 設(shè)置
localStorage.removeItem(name)     移除

sessionStorage

會(huì)話，跟localStorage 時(shí)效不一致，瀏覽器或當(dāng)前頁面關(guān)閉，信息不保存
sessionStorage.getItem(name)        獲取
sessionStorage.setItem(name, value) 設(shè)置
sessionStorage.removeItem(name)     移除