您好,登錄后才能下訂單哦!
概述
最近項(xiàng)目要用到cookie存儲(chǔ)部分用戶(hù)信息;研究了一下做一下分享
Cookie 是服務(wù)器保存在瀏覽器的一小段文本信息,每個(gè) Cookie 的大小一般不能超過(guò)4KB。瀏覽器每次向服務(wù)器發(fā)出請(qǐng)求,就會(huì)自動(dòng)附上這段信息。
設(shè)置cookie存儲(chǔ)
document.cookie = 'userName=fengkaicahng';
注意 設(shè)置cookie一次只能存儲(chǔ)一條
cookie可以多次設(shè)置 key相同不會(huì)重新賦值而是會(huì)新建一條cookie
讀取cookie
var allCookies = document.cookie; //一次讀取所有cookie 字符串形式 //所以一般我們還要做一次轉(zhuǎn)換 var cookiesArray = document.cookie.split(';'); console.log(cookiesArray);
cookie的幾個(gè)屬性
value (必須)一個(gè)鍵值對(duì),用來(lái)指定cookie的值
document.cookie = 'userName=fengkaicahng';
expires 指定Cookie過(guò)期時(shí)間;格式采用Date.toUTCString()
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //設(shè)置一天的有效期 //如果不設(shè)置; 默認(rèn)時(shí)間是當(dāng)前會(huì)話(huà)窗口關(guān)閉即失效 document.cookie = 'userName=fengkaicahng;expires="+day+"';
domain 指定發(fā)送Cookie的域名
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //只有在該域名下才發(fā)送cookie, //如果不設(shè)置; 默認(rèn)是設(shè)置cookie時(shí)的域名 //以下配置會(huì)在fengkaichang.com 的所有子域名下生效 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;
path 指定Cookie的路徑
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //只有這個(gè)路徑和發(fā)送到服務(wù)器的路徑相同才發(fā)送cookie 可以直接配置/ 從根目錄下匹配 這個(gè)匹配并不是絕對(duì)的, //如果不設(shè)置; 默認(rèn)是請(qǐng)求該cookie時(shí)的路徑 //以下配置會(huì)在fengkaichang.com 的所有請(qǐng)求路徑下生效 //注意 path生效的前提是domain匹配成功,否則都是扯淡 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/'
secure 指定Cookie只能在加密協(xié)議HTTPS下發(fā)送到服務(wù)器
var day = new Date(); day.setTime(day.getTime()+(1*24*60*60*1000)); //這個(gè)屬性的值是一個(gè)布爾值 //如果這個(gè)通信協(xié)議是HTTPS那么協(xié)議自動(dòng)打開(kāi) //如果手動(dòng)設(shè)置 一下配置不會(huì)在普通HTTP協(xié)議下發(fā)送 document.cookie = 'userName=fengkaicahng;expires='+day+';domain=fengkaichang.com;path=/;secure=true'
以上這篇基于Cookie常用操作以及屬性介紹就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持億速云。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。