Passing Local storage data betwen pages using jquery - html

Question

I have array in my main.js page and I store that data in local storage using
//main page
$j.each(response.records, function(i, record) {
localStorage['sizes']=JSON.stringify(response.totalSize);
var names=[];
names[0]=getDate(record.StartDateTime);
localStorage['names']=JSON.stringify(names);
window.location = "theme.html";
});
//next page
var size = JSON.parse(localStorage['sizes']);
alert("Size in next page" + size);
for(var i=0;i<size;i++)
{
var storedNames = [];
storedNames=JSON.parse(localStorage['names']);
alert("Stored Array value " + storedNames);
}
record contain all data like date, time,location etc. I want to send complete record in next page, but in that page I am not able to parse that object. So I decided to send only date, but here count of date is 4, but in another page I got only last date store in array. So I store length of response in main page and fetch size in next page and after that loop is running, but again I got the same last value 4 times.
Please help me.
Thanks in advance

Answer 1

Try this:
//main page
var names=[];
$.each(response.records, function(i, record) {
names[i]=getDate(record.StartDateTime);
});
localStorage['names']=JSON.stringify(names);
window.location = "theme.html";
//next page
var storedNames=JSON.parse(localStorage['names']), allElements = [];
$.each(storedNames, function(i, el) {
allElements[i] = el;
});
alert("Stored Array value " + allElements);