[Back To Basic] Javascript - Cookies

什麼是 Cookie

• 當 Server 傳送頁面到瀏覽器(browser)時，Server 會遺忘所有跟使用者(User)有關的資訊
• Cookie 的目的就是紀錄和使用者(User)有關的資訊
• 當瀏覽器(browser) 向 Server請求(request)頁面時，cookies會附加在請求(request)上，達成上述目的
• 所以 cookie 會跟著每一個請求(request)
• 存太多資訊在 cookies 會有效能問題

新增 Cookie:

document.cookie = "userName=Shawn";

指定有效日期: 

document.cookie = "userName=Shawn; expires=Thu, 18 Dec 2019 12:00:00 UTC";

指定路徑:

document.cookie = "userName=Shawn; expires=Thu, 18 Dec 2019 12:00:00 UTC; path=/";

讀取 Cookie:

const data = document.cookie;

變更 Cookie:

• 跟新增 Cookie 做法相同。
• 舊的 Cookie 會被覆蓋掉。

刪除 Cookie:

• 指定有效日期(讓它過期)
• 且指定路徑，確保刪除正確的 Cookie

source code