Persisting client side data using JavaScript?

Question

I want to persist some data between web requests using JavaScript. I would use Google Gears but I can't install Gears on each client machine or expect it to be installed. I found this SO Question but I don't like the idea of storing data in that method. Any suggestions will be welcomed. Thanks!

Edit:

Ideally I want to store "as much data as possible." But 1MB is fine. I'd love for it to work on the major browswer but at least IE/Firefox.

Answer 1

You would want to use cookies.

http://techpatterns.com/downloads/javascript%5Fcookies.php

Answer 2

LocalStorage is a new API in HTMTL5 that is being implemented in modern browsers. It is not available in older browsers though.

Answer 3

I would recommend you PersistJS, it's a really small library (3K gzipped) for client-side storage, it uses four persistent data solutions depending on the browser capabilities:

• globalStorage: Firefox 2.0+, Internet Explorer 8
• localStorage: development WebKit
• openDatabase: Safari 3.1+
• userdata behavior: Internet Explorer 5.5+

The problem with cookies is that they are limited to about 4 kilobytes in size, and they are sent along with every HTTP request.