{"id":207,"date":"2016-05-13T06:22:04","date_gmt":"2016-05-13T06:22:04","guid":{"rendered":"http:\/\/muthu.co\/?p=207"},"modified":"2021-01-02T14:06:02","modified_gmt":"2021-01-02T14:06:02","slug":"difference-between-localstorage-sessionstorage-and-cookies","status":"publish","type":"post","link":"http:\/\/write.muthu.co\/difference-between-localstorage-sessionstorage-and-cookies\/","title":{"rendered":"Difference between localStorage, sessionStorage and cookies"},"content":{"rendered":"<figure id=\"attachment_208\" aria-describedby=\"caption-attachment-208\" style=\"width: 687px\" class=\"wp-caption alignright\"><a href=\"https:\/\/muthu.co\/wp-content\/uploads\/2016\/05\/Screenshot-from-2016-05-13-11-35-33.png\" rel=\"attachment wp-att-208\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-208 size-full\" src=\"https:\/\/muthu.co\/wp-content\/uploads\/2016\/05\/Screenshot-from-2016-05-13-11-35-33.png\" alt=\"Different client side storage solutions. localStorage, sessionStorage and cookies\" width=\"687\" height=\"277\" srcset=\"http:\/\/write.muthu.co\/wp-content\/uploads\/2016\/05\/Screenshot-from-2016-05-13-11-35-33.png 687w, http:\/\/write.muthu.co\/wp-content\/uploads\/2016\/05\/Screenshot-from-2016-05-13-11-35-33-300x121.png 300w\" sizes=\"(max-width: 687px) 100vw, 687px\" \/><\/a><figcaption id=\"caption-attachment-208\" class=\"wp-caption-text\">Different client side storage solutions. localStorage, sessionStorage and cookies<\/figcaption><\/figure>\n<p><code>localStorage<\/code>, <code>sessionStorage<\/code> and cookies are all client storage solutions which store data as key\/value pairs in the browser. <code>localStorage<\/code> and <code>sessionStorage<\/code> both extend Storage. There is no difference between them except for the intended &#8220;non-persistence&#8221; of <code>sessionStorage<\/code>.<\/p>\n<ul>\n<li><code>sessionStorage<\/code> maintains a separate storage area for each given origin that&#8217;s available for the duration of the page session (as long as the browser is open, including page reloads and restores)<\/li>\n<li><code>localStorage<\/code> does the same thing, but persists even when the browser is closed and reopened.<\/li>\n<\/ul>\n<p>both the above storages can be accessed using global variables\u00a0<code>sessionStorage<\/code> and <code>localStorage<\/code><\/p>\n<p>Cookie on the other hand is used to store data that has to be sent back to the server with subsequent requests. \u00a0Cookies are primarily for reading server-side, <code>localStorage<\/code> and <code>sessionStorage<\/code> can only be read on the client-side. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>localStorage, sessionStorage and cookies are all client storage solutions which store data as key\/value pairs in the browser. localStorage and sessionStorage both extend Storage. There is no difference between them except for the intended &#8220;non-persistence&#8221; of sessionStorage. sessionStorage maintains a separate storage area for each given origin that&#8217;s available for the duration of the page [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[52],"_links":{"self":[{"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/posts\/207"}],"collection":[{"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":1,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":1652,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/posts\/207\/revisions\/1652"}],"wp:attachment":[{"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/write.muthu.co\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}