前端cookie的設定獲取刪除

2021-10-04 20:21:16 字數 2176 閱讀 1543

/* 我們有過這樣的經歷,當我們登入乙個**時候,**

會提示我們需不需要記住賬號和密碼

一般來說,當我們登入乙個**時,後台會返回乙個token字串作為

使用者的登入標識,而當使用者下次登入時,不想再登入驗證了怎麼辦?

這個時候cookie就有作用了,我們將後台返回的token進行加密編碼,儲存

到cookie上,這樣當下次使用者登入時候,客戶端能直接檢視cookie,把cookie

解碼後返回後台驗證就行了

*/cookie 在各瀏覽器的上限大約都在4k

//語法 document.cookie = `$=$;expires=$;`

//expires是設定過期時間

// 先要獲取乙個時間格式為格林威治時間的時間(過期時間)

let time =

newdate

('2020-09-26 00:00:00').

toutcstring()

; document.cookie =

'searchhistory=路由器;expires='

+ time +

';';

document.cookie =

'name=華為;expires='

+ time +

';';

document.cookie =

'city=廣州;expires='

+ time +

';';

document.cookie =

'area=天河;expires='

;//獲取回來的cookie是一段長字串

//cookies==> age=18; height=170; searchhistory=路由器; name=華為; city=廣州; area=天河

// 刪除cookie 沒有具體的刪除方法,只能通過設定過期時間來刪除

// 乙個cookie類,設定,獲取,刪除

class

cookie)=

$;expires=$;`

}setall

(array)

]*/array.

foreach

(v =>)}

// 獲取所有cookie

getall()

// 獲取單個cookie

getone

(key)

// 刪除單個cookies

delone

(key)

=;expires=$;`

}// 刪除多個cookies

delall

(array))}

// 格式化cookie

formatcookies

(str)

; arr.

foreach

(v =>

)return target;

}}

在本地試驗cookie時需要開啟本地伺服器

使用vscode編輯器的可以安裝 live server 外掛程式

cookie的獲取 設定與刪除

設定cookie c name 傳入的鍵 str value 傳入的值 str expiredays 有效期 天為單位 number escape 和unescape 是一對編碼解碼函式,一般用於url中非ascii字元的編碼和解碼!如 escape 返回 26,unescape 26 返回 都用十...

cookie的設定 獲取以及刪除

首先介紹一下cookie的基本資訊 cookie是以域為單位的,它必須放在伺服器的的環境下,但是cookie的容量小,只有4kb,並且也不安全,還有入股cookie的名字相同,會修改或者覆蓋原來的值,如果名字不同,會新增一條cookie 獲取到cookie的格式都是字串 父級種下的cookie,子級...

js設定 修改 獲取 刪除 cookie

上面這串省略號對於各種吐槽的聲音 裡面給出的設定cookie的 是這樣的 function setcookie name,value 這個函式只能設定cookie但是不能修改 什麼個意思呢看下圖就明白了 因為沒有指定路徑 所以當再次設定同鍵名的cookie時就無法覆蓋了 正確的設定cookie姿勢是...