An Interest In:
Web News this Week
- April 3, 2024
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
April 28, 2023 06:20 am GMT
Original Link: https://dev.to/manthanank/cookies-vs-local-storage-vs-session-storage-1d7i
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
Cookies | Local Storage | Session Storage | |
---|---|---|---|
Stoage Capacity | 4kb | 10mb | 5mb |
Browser Support | HTML4/HTML5 | HTML5 | HTML5 |
Accessibility | Any Browser Window | Any Browser Window | Same Browser Tab |
Expiry | Can set Manually | Never | On Browser Tab Closes |
Stored In | Browser & Server | Browser Only | Browser Only |
Sent with requests | Yes | No | No |
Supported Data Types | Strings Only | Strings Only | Strings Only |
Auto Expiry | Yes | No | Yes |
Edit/block | Yes | Yes | Yes |
SSL Support | Yes | No | No |
Original Link: https://dev.to/manthanank/cookies-vs-local-storage-vs-session-storage-1d7i
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To