javascript: storing strings on client side?

Question

say someone using my site is navigating page to page or doing some action on the website. is there a way to store string on the client side, the urls that he visited for example? Is it also possible to overrwrite a string that was written? Ideally something that has key, value storage, and let's one go back and edit a value by it's key.

It should work on all browsers, is there such library?

Paul Facklam · Accepted Answer · 2014-01-23 20:15:16Z

2

There are different libraries available:

Cookies:

https://github.com/carhartl/jquery-cookie

Local Storage:

https://github.com/medialize/jQuery-store (recommended)

answered Jan 23, 2014 at 20:15

Paul Facklam

1,64312 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

citizenslave · Accepted Answer · 2014-01-23 20:21:47Z

1

Seems to me, your problem with using localStorage is that you will be constrained to saving data for only the page you are on, and it won't expire. It also won't work on browsers that don't support HTML5. Perhaps expiration is not an issue for you, but if you use document.cookie instead, you can set an expires date for the cookie and also set a path so that the same cookie will be available to all of the pages on your site. There's a tutorial for document.cookie here. There are also tons of libraries for working with cookies. jQuery and Angular each have one, and I'm sure there are others.

answered Jan 23, 2014 at 20:21

citizenslave

1,41814 silver badges25 bronze badges

3 Comments

KJW Over a year ago

so if a user navigates away from a page, but still on the same domain, does the cookie still persist? what if I want to clear the cookie when they navigate away from the page or close the browser window of my site?

Paul Facklam Over a year ago

Question one: yes, the cookie persists. That is what you looked for. Question two: where is the benefit of doing so? Imagine the situation that the user comes back to your site.

citizenslave Over a year ago

According to Wikipedia, the spec behavior is for cookies to be removed automatically when the browser closes. Of course, not all browsers are guaranteed to FOLLOW the spec, but I have to agree with @PaulFacklam in that I'm not sure you'd necessarily want to do that with something like a history.

mjkaufer · Accepted Answer · 2014-01-23 20:10:46Z

0

This is easy to do, using HTML5's localstorage.

Here is the code to store a string:

localStorage.setItem("localStorageID", "This is a string I stored");

answered Jan 23, 2014 at 20:10

mjkaufer

4,2565 gold badges30 silver badges57 bronze badges

Comments

Suman Bogati · Accepted Answer · 2014-01-23 20:11:41Z

0

Localstorage API can be useful for you.

More information about this http://www.w3schools.com/html/html5_webstorage.asp

answered Jan 23, 2014 at 20:11

Suman Bogati

6,3612 gold badges25 silver badges38 bronze badges

Comments

ZubaiR · Accepted Answer · 2014-01-23 20:14:53Z

0

If you are using HTML5 you can store in Local storage. But it wont work in older version of browsers.

You can use cookie to store data. But every time user request a page he will send the cookie information to the server. So you should not store unnecessary data in cookie.

answered Jan 23, 2014 at 20:14

ZubaiR

6054 silver badges7 bronze badges

Collectives™ on Stack Overflow

javascript: storing strings on client side?

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related