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?

Look for `localStorage`. A good start http://diveintohtml5.info/storage.html — Satpal, Apr 02 '14 at 12:16
JS can load and read XML files but can't write them on your disk. — Gwenc37, Apr 02 '14 at 12:18
Possible duplicate of [Persist variables between page loads](https://stackoverflow.com/questions/29986657/persist-variables-between-page-loads) — Liam, Dec 10 '18 at 09:22

score 15 · Answer 1 · answered Apr 02 '14 at 12:24

15

HTML5 localStorage

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

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

answered Apr 02 '14 at 12:24

h3li0s

613
9
25

Adding mozilla reference https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage and that there is localStorage and SessionStorage, being the difference that SessionStorage cleans up after closing the window. – Marco Mar 20 '17 at 13:04

Roy M J · Answer 2 · 2015-10-19T06:08:41.880

5

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

edited Oct 19 '15 at 06:08

answered Apr 02 '14 at 12:25

Roy M J

6,926
7
51
78

Thanks but I am looking for a way to make a shared DB over the LAN.. These methods work only for specific browser. – Amir Apr 02 '14 at 13:02
Without a server side is very difficult to share a local DB in a LAN from browser to browser. – Tomás Apr 02 '14 at 13:19
Very difficult or impossible? – Amir Apr 02 '14 at 16:56
@Amir : You should probably set up a master system as server and using local IP connectivity, you can save the data to this system. It should be fairly easy provided you can set-up the server. – Roy M J Apr 03 '14 at 04:38
I'm not allowed to run a server on this LAN - that's my main issue – Amir Apr 04 '14 at 14:29

score 0 · Answer 3 · answered Apr 02 '14 at 12:23

0

Try like this:

store a value :

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

get a value:

localStorage.getItem("lastname");

answered Apr 02 '14 at 12:23

Mr.G

3,413
2
16
20

score 0 · Answer 4 · answered Apr 02 '14 at 12:23

0

You can use HTML 5 LocalStorage

answered Apr 02 '14 at 12:23

dlock

9,447
9
47
67

score 0 · Answer 5 · answered Apr 02 '14 at 12:25

0

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

answered Apr 02 '14 at 12:25

steegness

459
1
4
10

score 0 · Accepted Answer · answered Apr 04 '14 at 15:01

0

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.

answered Apr 04 '14 at 15:01

Amir

199
2
2
7

Store data locally using HTML and JavaScript

6 Answers6

Linked