Use JSON File as a Database for Javascript Web App

Question

I was wondering if there is any way to use just a JSON file as a database to read and write straight to the file.

I'm creating a quick Mockup web app that my company wants built but they want to see a MVP to see if it will be useful before dedicating resource and time to build it properly with a real database, node etc...

For the time being just to get some basic features working like reading data from a JSON and populating dropdown lists etc...

I was wondering if it is possible to set up a JSON file to write to as well as read from?

Currently I'm reading from the JSON like you would an API:

function loadJSON(callback) {

    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'pmApp.json', true);
    xobj.onreadystatechange = function () {
        if (xobj.readyState == 4 && xobj.status == "200") {
            // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
            callback(xobj.responseText);
        }
    };
    xobj.send(null);
};

// Run loadJSON - 
loadJSON(function (response) {
    var json = JSON.parse(response); // Parse JSON string into object

    appJS(json); //Run the App pass in json variable
});

Sorry if this is a duplicate, I've searched but couldn't find an answer.

sure, why not, how do you intend on writing it though?

Jaromanda X
– Jaromanda X

2018-10-18 10:00:02 +00:00
Commented Oct 18, 2018 at 10:00 — Jaromanda X
– Jaromanda X, Commented Oct 18, 2018 at 10:00

Azer · Accepted Answer · 2018-10-18 10:09:16Z

3

If you want to write to it, No. If you're just using JavaScript in the browser then you can't write to files. You will need to have some API on the backend that you can send write requests to.

If you're just making a simple mockup that you intend to use for a quick presentation and nothing else, then you could consider using localStorage or sessionStorage in the browser to temporarily store data for a quick presentation.

answered Oct 18, 2018 at 10:09

Azer

1,30716 silver badges24 bronze badges

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

Comments

Quentin · Accepted Answer · 2018-10-18 10:04:09Z

2

HTTP clients cannot write to arbitrary files on HTTP servers.

You need specially crafted requests (e.g. PUT) and server-side code which will recognise them and act on them.

If you are just creating a prototype, you'd probably want something like JSON Server

answered Oct 18, 2018 at 10:04

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

Use JSON File as a Database for Javascript Web App

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related