无法将表单数据推送到 JSON 文件中答案

【问题标题】：Cannot push form data into JSON file无法将表单数据推送到 JSON 文件中
【发布时间】：2019-01-02 12:25:27
【问题描述】：

我有 json 数据文件， groups.json

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

和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>

所有内容都从 json 文件中正确获取，但没有附加到 json 文件中。请帮忙。

【问题讨论】：

标签： javascript html json forms

【解决方案1】：

操作您从 URL 获取的数据不会改变您获取数据的位置。

如果是这样，那么世界上的每个网页都会在几秒钟内被污损。

如果您想更新服务器上的 JSON，那么您需要：

将数据发送回服务器（在 POST 或 PUT 请求中）
要在您将数据发送到的 URL 中包含服务器端代码，该代码将读取并存储它

【讨论】：