Is there any way to save json to a file and read/update the same file using browser javascript?

Question

// LocalStorage is a lowdb adapter for saving to localStorage
const adapter = new LocalStorage('db')

// Create database instance
const db = low(adapter)

// Set default state
db.defaults({ items: [] })
  .write()

Now how it can be saved where it's hosted like in './maindb.json'? Is there anything available like FileSync?

Update

after realising there no way that client can access server filesystem. I probably asked a wrong question. but there is a solution using fetch. so if anyone has ans please put it down I am trying my best.

index.html -> fetch(jsonObj) -> post -> save.php-> creates maindb.json/updates.

index.html -> fetch() -> get -> save.php -> returns from maindb.json.

Use localStorage. This class save js objects intro localStorage. Update is easy. https://github.com/zlatnaspirala/visual-ts-game-engine/blob/master/src/libs/class/local-storage.ts — Nikola Lukic, Nov 29 '20 at 14:33
I want to save it through javascript(client-side) and not by downloading it. @Jack Yu. — ANOL GHOSH, Nov 30 '20 at 01:22
@Nikola Lukic this will save the json object in browser local storage not in file. — ANOL GHOSH, Nov 30 '20 at 01:26

score 0 · Accepted Answer · answered Dec 01 '20 at 06:18

Controller.php

<?php 
class Controller {
    private $file = 'data.json',
            $jsondata = null,
            $tempArray = array(),
            $data= array();
    public function __construct() {
        $this->init();
    }
    private function init(){
        if (!file_exists($this->file)) {
            touch($this->file);
            $this->read();
        }else{
            $this->read();
        }
    }
    private function read(){
        $this->jsondata = file_get_contents($this->file);
        $this->tempArray = $this->jsondata != null ? json_decode($this->jsondata): array();
    }
    private function write(){
        array_push($this->tempArray, $this->data);
        $this->jsondata = json_encode($this->tempArray);
        file_put_contents($this->file, $this->jsondata);
    }
    public function push($data){
        $this->data = $data;
        if($this->data){
            $this->write();
            return true;
        }
    }
    public function get(){
        $this->read();
        return json_encode($this->tempArray);
    }
}
?>

json.php

<?php
require 'Controller.php';
$db = new Controller;
if($db->push($_POST['data'])){
    echo $db->get();
}
?>

javascript

function post(input){
    var data = {'data': input}
    $.ajax({
        type: 'POST',
        url: 'json.php',
        dataType: 'json',
        data: data,
        success: function(data) {
           console.log(data)
        }
    });
}

Is there any way to save json to a file and read/update the same file using browser javascript?

1 Answers1