Store data locally using HTML and JavaScript

Question

I have a small LAN with some computers.

I'm looking for a way to build a dynamic HTML webpage that uses JavaScript to store some data locally (can't use server side - only client side).

The webpage will be stored on a network drive shared with all the computers.

I wish to do that using a file, maybe an XML file or something similar that will be loaded using JavaScript and then saved again after some changes.

The data must be shared with all the computers on the LAN.

How can I do this?

Answer 1

HTML5 localStorage

//Set
localStorage.setItem("lastname", "Smith");

//Get
var lastName = localStorage.getItem("lastname");

Answer 2

You have the following options :

1.LocalStorage : You can store data in variables. There would be a limit as to how much data you can store.

Refer : http://en.wikipedia.org/wiki/Web_storage.

Eg:

// Store
localStorage.setItem("sample", "test");
// Retrieve
var sample = localStorage.getItem("sample");

2.WebSQL : This should be the most easy way of storing in client side. WebSQL is supported in almost all current browsers(HTML5). However there is no longer official support for WebSQL as its depreciated and no future updates.

Refer : http://en.wikipedia.org/wiki/Web_SQL_Database

3.IndexedDB : This is also another way to store data in local database. However this is not yet supported in all browsers.

4.XML

If you are going forward with storing data in local DB, then you can utilize PersistenceJS.

Refer : https://github.com/zefhemel/persistencejs

Answer 3

You can use HTML 5 LocalStorage

Answer 4

Depending on the flavor of data you're storing, simple cookies might work, accessed with plain old JS.

Answer 5

finally I found a solution for it! I am using a jQuery plugin called: twFile (http://jquery.tiddlywiki.org/twFile.html). It uses an activeX FileSystemObject - it works great on IE9.

Answer 6

Try like this:

store a value :

localStorage.setItem("lastname", "amir");

get a value:

localStorage.getItem("lastname");