Cannot push form data into JSON file

Question

i have json data file, groups.json

 { 
       "groups" : [ 
       { "pname" : "group1", 
          "remarks" : "best" }, 
        { "pname" : "group2", 
          "remarks" : "not the best" } ,   
       { "pname" : "group3", 
         "remarks" : "affordable" } ] 
    }

And pushtest.html

    <body>
        <script type="text/javascript"> 
        var groups;      
        var len;
    $.getJSON('groups.json',function(data) {        
console.log(data.groups);   
        groups = data.groups;       
        len = groups.length;    
        });                 
        function save()     
        {       
        var user={};            
        user.pname=document.getElementById("name").value; 
        user.remarks=document.getElementById("remark").value;   
        console.log(user);          
        var l = JSON.stringify(groups);             
        var obj = JSON.parse(l);    
                    obj['groups'].push(user);   
        var v=JSON.stringify(obj); 
            console.log(v);         
        }       
         </script> 
        <form> 
        <input name="name" type="text" id="name" placeholder="name" /> 
        <input name="remark" type="text" id="remark" /> 
        <button onclick="save()" type="button">save data</button> </form> 
        </body>

Everything is getting fetched correctly from json file but its not getting appended to the json file. Plz help.

Quentin · Accepted Answer · 2018-07-25 15:50:16Z

5

Manipulating data you have fetched from a URL doesn't change anything about the place you got the data from.

If it did, then every webpage in the world would be defaced within seconds.

If you want to update the JSON on the server then you need:

To send the data back to the server (in a POST or PUT request)
To have server-side code at the URL you send the data to that will read it and store it

answered Jul 25, 2018 at 15:50

Quentin

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

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

Collectives™ on Stack Overflow

Cannot push form data into JSON file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related