Synchronize my webpage with the server when a connection is available (offline AKA)

Question

I want my web page to allow the user to add data, even if he is offline and possibly stores the data in local storage (cookies, html5 storage). When the user reconnects to the network, the page should detect a live connection and send data to the server.

Is there a basic way to do this? Maybe a javascript library or a plugin?

Answer 1

• save your (json-ified) data in html5 localstorage (or use a library like persistJS to have full cross-browser support, see this blog post example for storing structured data this way )
• check the background process if the browser is connected to server synchronization (see this article on hacks.mozilla.org for an example of online synchronization ).

Answer 2

Perhaps the Google Gears and Gears API ?