網路系列之 cookie增刪改查 封裝

2022-06-09 17:06:08 字數 1901 閱讀 7017

什麼是cookie 呢?簡單來說,這個小東西,會記錄你的 瀏覽器 瀏覽習慣,或 賬號密碼等, 以便於提高使用者的體驗感。

舉個例子:

你們有沒有發現,去**一些購物**, 你搜尋了 椅子, 挑選了一會椅子,然後把頁面關了, 等下再開啟**的時候,  **會自動幫你推薦一些椅子 出來。這就是**這個網頁,利用cookie記錄了你的需要,以便於下次,你再使用的時候,可以更方便。 

還有qq郵箱登入,只要在qq郵箱登入過,  你下次再去開啟這個網頁,你會發現,你的qq賬號,已經自動幫你填好了。

那麼,接下來,我們來看cookie 怎麼獲取。

document.cookie  獲取出來的 資料 為字串形式。

domain 是 域,因為本次測試在 本地的伺服器下進行, 所以是localhost 

path 是路徑

max-age 是儲存cookie 的時間, 如果為 session(臨時儲存,關閉頁面即消失), 顯示的時間是 格林威治的時間

獲取剛才設定的cookie

可以看到, 我們獲取到的cookie 除了name 和 value  沒有其他值的。

刪除的話,cookie的時間過去,就會自動刪除, 那麼我們想要刪除的話,就讓他的時間變成 -1 即可。

現在來封裝一下,cookie的 增刪改查

//如果找不到,我們傳undefined 回去即可

return

this

;

},removecookie:

function

(name)

}script

>

body

>

html

>

使用一下

cookie增刪改查

cookie是客戶端技術,伺服器把每個使用者的資料以cookie的形式寫給使用者各自的瀏覽器。當使用者使用瀏覽器再去訪問伺服器中的web資源時,就會帶著各自的資料去。這樣,web資源處理的就是使用者各自的資料了。cookie初步介紹 cookie是伺服器在客戶端儲存使用者的資訊,資料量並不大,服務端...

Cookie增刪改查

cookie屬性 了解這幾個屬性之後,就知道如何進行cookie的操作了。name cookie的名稱。value cookie的值。maxage cookie的失效時間,有以下幾種值,預設為 1值 說明 負數 瀏覽器關閉後cookie就失效 0 馬上清除cookie 正數 設定過期時間,單位 秒 ...

cookie的增刪改查

新增cookie,預設路徑 在當前目錄下 預設有效期 瀏覽器存續期間 document.cookie username abc 設定cookie的有效期和路徑 expires設定有效期 let odate newdate 7天之後的日期 odate.setdate odate.getdate 7 d...