I'm trying to do a mega-simple setItem and getItem using HTML5 local storage. It just doesn't seem to work though. This works:
$(document).ready(function () {
localStorage.setItem('keyA', 'valueA');
var testA = localStorage.getItem('keyA');
alert(testA);
});
It outputs an alert box saying 'valueA'. But when I ment out line 2 (which sets the item value) and refresh the page it just alerts 'null'.
Why is the value not persisting? It's like it's just not actually getting stored at all.
The browser is Firefox 6, so no problem there. Could it be something to do with calling it in the jquery document.ready? I've googled but couldn't see anything about that.
If anyone could get me over this initial hurdle I'd be most grateful, thanks!
I'm trying to do a mega-simple setItem and getItem using HTML5 local storage. It just doesn't seem to work though. This works:
$(document).ready(function () {
localStorage.setItem('keyA', 'valueA');
var testA = localStorage.getItem('keyA');
alert(testA);
});
It outputs an alert box saying 'valueA'. But when I ment out line 2 (which sets the item value) and refresh the page it just alerts 'null'.
Why is the value not persisting? It's like it's just not actually getting stored at all.
The browser is Firefox 6, so no problem there. Could it be something to do with calling it in the jquery document.ready? I've googled but couldn't see anything about that.
If anyone could get me over this initial hurdle I'd be most grateful, thanks!
Share Improve this question asked Sep 10, 2011 at 20:12 DanDan 5,98624 gold badges88 silver badges145 bronze badges 4- I cannot reproduce on Chrome. – pimvdb Commented Sep 10, 2011 at 20:15
- Hmm... works for me too in Chrome, but not in Firefox 6!? – Dan Commented Sep 10, 2011 at 20:25
- Can anyone else try this in Firefox 6.0.2 (latest version)? I'm starting to think there's either a different way to do this in this version of Firefox or it's a bug :( I've tried so many different examples of local storage but none of them seem to persist in Firefox 6.0.2. – Dan Commented Sep 10, 2011 at 21:15
- I had 6.0 installed and it worked. Then updated to 6.0.2 and the value was still there... So it even survived the update for me. – pimvdb Commented Sep 10, 2011 at 21:20
1 Answer
Reset to default 14Okay, after a lot of frustration I have the solution. Basically, I was running this locally just from the filesystem as a 'quick' proof of concept. It didn't work in Firefox nor in IE9 but it did work in Chrome.
What I ended up doing was trying this on a real domain, and that seems to have done the trick.
So the conclusion I can draw is that localStorage in Firefox (6.0.2 at least) and IE9 does not work when run on a file-system path. It does in Chrome. Firefox and IE9 require a 'proper' domain to run from, presumably because they are more strict than Chrome in the way they associate the localStorate object to a 'domain' (in Chrome it doesn't need to be a domain as such).
I hope this has helped people as it's frustrated the hell out of me! :)