Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 28, 2023 06:20 am GMT

Cookies vs Local Storage vs Session Storage

Cookies

Cookies are data, stored in small text files, on your computer.

// Create a Cookie with JavaScriptdocument.cookie = "username=Manthan Ankolekar";// With expiry date (in UTC time)document.cookie = "username=Manthan Ankolekar; expires=Thu, 28 Apr 2013 12:00:00 UTC";// With a path parameterdocument.cookie = "username=Manthan Ankolekar; expires=Thu, 28 Apr 2013 12:00:00 UTC; path=/";// Read a Cookie with JavaScriptlet data = document.cookie;// Change a Cookie with JavaScriptdocument.cookie = "username=Manthan Ank; expires=Thu, 28 Apr 2013 12:00:00 UTC; path=/";// Delete a Cookie with JavaScriptdocument.cookie = "username=; expires=Thu, 28 Apr 2013 12:00:00 UTC; path=/";

Local Storage

Local storage object let you store key/value pairs in the browser.

Syntax -

window.localStorage// orlocalStorage
// Save Data to Local StoragelocalStorage.setItem(key, value);// Read Data from Local Storagelet data = localStorage.getItem(key);// Remove Data from Local StoragelocalStorage.removeItem(key);// Remove All (Clear Local Storage)localStorage.clear();

Session Storage

Session storage object allows you to save key/value pairs in the browser.

Syntax -

window.sessionStorage// orsessionStorage
// Save Data to Session StoragesessionStorage.setItem("key", "value");// Read Data from Session Storagelet data = sessionStorage.getItem("key");// Remove Data from Session StoragesessionStorage.removeItem("key");// Remove All (Clear Session Storage)sessionStorage.clear();

Difference between Cookies vs Local Storage vs Sesssion Storage

CookiesLocal StorageSession Storage
Stoage Capacity4kb10mb5mb
Browser SupportHTML4/HTML5HTML5HTML5
AccessibilityAny Browser WindowAny Browser WindowSame Browser Tab
ExpiryCan set ManuallyNeverOn Browser Tab Closes
Stored InBrowser & ServerBrowser OnlyBrowser Only
Sent with requestsYesNoNo
Supported Data TypesStrings OnlyStrings OnlyStrings Only
Auto ExpiryYesNoYes
Edit/blockYesYesYes
SSL SupportYesNoNo

Original Link: https://dev.to/manthanank/cookies-vs-local-storage-vs-session-storage-1d7i

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To