使用Javascript / Jquery进行本地存储（不使用HTML5）

Question

I want to replicate Local Storage concept (similar to HTML5) in javascript or jquery.

But unfortunately I don't have idea, how to start this.

Can any one suggest how to implement local storage using javascript or jquery (Without using HTML5)?

Answer 1

This is a bit of a fools errand because all modern browsers support localStorage and sessionStorage at this point. Its as simple as doing this:

sessionStorage.somesessionstorage = 'some session string value';
localStorage.somelocalstorage = 'some local storage value';

If you use this in conjunction with stringify to serialize and deserialize objects like so:

// serialize
sessionStorage.somesessionstorage = JSON.stringify(myObj);

// deserialize
var obj = JSON.parse(sessionStorage.somesessionstorage);

You can use cookies if you want to go against the grain and be silly. Otherwise, start to incorporate HTML5 features.

Keep in mind HTML5 is a big word and should not be in your head as describing everything. You should pick the more supported features over the less supported ones.

An incredible resource I love is the following website http://html5demos.com/ which very clearly lists out support in browsers. This will clear up your thinking.

Answer 2

Try this jQuery plugin:

http://www.jstorage.info/

Will try various methods depending on the browser's capability.

EDIT:

And another (can use Flash/Silverlight/image based "cookies"):

http://samy.pl/evercookie/

Answer 3

You can use this jQuery plugin : https://github.com/julien-maurel/jQuery-Storage-API

But you'll always need cookies on old browser to simulate storage...