Storing Json Data In Browser Memory

I want to persist some JSON information in browser. Depending on user interaction with the application, I want to store 5-6 different JSON object into memory. What options I have t

Solution 1:

To add to the solutions given, I'd also want to add a reference link Storing Objects in HTML5 localStorage where this question is discussed nicely.

Below is the code

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storagelocalStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storagevar retrievedObject = localStorage.getItem('testObject');

console.log('retrievedObject: ', JSON.parse(retrievedObject));

Courtesy: CMS

Solution 2:

You can use HTML5 storage which gives you both local and session storage.

Local storage persists it in a local cache and can therefore be accessed again in the future, despite the browser being closed.

Session storage will only store the information for that particular session and will be wiped once the session ends.

e.g.

//get item from storagevar foo = localStorage["bar"];

//set item in storage.localStorage["bar"] = foo;

Solution 3:

Use the HTML5 storage. This stores persistent data.

You can access it with localStorage["key"].