how to store local data in html 5

Frank
Frank
Member
26 Points
13 Posts

Hi,

how to store local data in html 5?

Views: 8816
Total Answered: 1
Total Marked As Answer: 1
Posted On: 23-Jun-2015 02:12

Share:   fb twitter linkedin
Answers
Brian
Brian
Moderator
2232 Points
14 Posts
         

Hi Frank,

HTML 5 local storage provides two objects for storing data on the client machine

  • window.localStorage - stores data with no expiration date
  • window.sessionStorage - stores data for one session (data is lost when the tab is closed)


You can check if borowser support for localStorage and sessionStorage:

if(typeof (Storage) !== "undefined") { 
// Code for localStorage/sessionStorage.
}else { 
// Sorry! No Web Storage support..
}

 

Local Storage Example: 

// Store
localStorage.setItem("lastname", "xyz");
 
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

The syntax for removing the "lastname" localStorage item is as follows:

localStorage.removeItem("lastname");

Session Storage Example:

// Store
sessionStorage.setItem("lastname", "Smith");
 
// Retrieve
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

 

Posted On: 23-Jun-2015 06:03
 Log In to Chat