Edit and save the json file data on the disk using Jquery Javascript

Question

I want to edit and write the data into the file which is on the disk and I want to save changes back to the same file using jquery. For this i have a button and textarea where I have edited the data and get the data before editing from json file as html5 :

function saveFile(data){
    
    $.getJSON("../custom_scripts/sub.json", function(data){
      
         var updatedData = $("#result").val();
         $("sub.json").replaceWith(updatedData);
        
    });
}

  <form class="fileForm">
                <input type="file" value="Choose file" onchange="onFileSelected(event)">
                <br><br>
                <textarea id="result" rows="20" cols="100"></textarea>
                <button type="button" id="savable" class="btn btn-default" title="Save Changes" onclick="saveFile();"> Save</button>
</form>

After selecting the file the data gets edited and the additional data which I have entered is the updatedData but it

You can't write on client's disk !

Anonymous0day
– Anonymous0day

2015-10-13 07:34:30 +00:00
Commented Oct 13, 2015 at 7:34 — Anonymous0day
– Anonymous0day, Commented Oct 13, 2015 at 7:34

Shailendra Sharma · Accepted Answer · 2015-10-13 07:35:26Z

1

you can't write a JSON to a file on the clientside due to security reasons. (Otherwise you have access to the filesystems of your website's users.) You would have to use a server-side language for this, and store the file on the server-side.

answered Oct 13, 2015 at 7:35

Shailendra Sharma

6,9922 gold badges30 silver badges48 bronze badges

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

1 Comment

mvm Over a year ago

The file which I have tried to edit is json file it is edited but couldn't save it :(

Anonymous0day · Accepted Answer · 2015-10-13 07:46:01Z

0

For security, you can't write on client's disk.
The best way to save localy is to use localStorage.
You shoul read that page from MDN about webStorage.
some samples here.

var myContent = 'I am the content to save';
localStorage.setItem('mySaved', myContent);

and later to retrieve it :

 var myContent = localStorage.getItem('mySaved');

edited Oct 13, 2015 at 7:46

answered Oct 13, 2015 at 7:40

Anonymous0day

3,0521 gold badge16 silver badges17 bronze badges

4 Comments

mvm Over a year ago

Yes.. I have used localstorage before to store the input field data as you mentioned :) Thank you. I want to add data externally not the hard coded :(

Anonymous0day Over a year ago

just go with it if you don't need to save server-side, it is a matter of design !

mvm Over a year ago

As it is a json file I want to add an item or many items each time i want to save so what can I do for that @Anonymous0day

Anonymous0day Over a year ago

use localStorage.setItem('mySavedJson', JSON.stringify( myJSON )); and later var mySavedJson = JSON.parse( localStorage.getItem('mySavedJson' ) );

Collectives™ on Stack Overflow

Edit and save the json file data on the disk using Jquery Javascript

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related