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

use*_*996 0 html javascript forms json

我有json数据文件,groups.json

 { 
       "groups" : [ 
       { "pname" : "group1", 
          "remarks" : "best" }, 
        { "pname" : "group2", 
          "remarks" : "not the best" } ,   
       { "pname" : "group3", 
         "remarks" : "affordable" } ] 
    }
Run Code Online (Sandbox Code Playgroud)

还有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>
Run Code Online (Sandbox Code Playgroud)

一切都从json文件中正确获取,但是没有附加到json文件中。请帮助。

Que*_*tin 5

处理从URL提取的数据不会更改数据的来源位置。

如果确实如此,那么世界上每个网页都将在几秒钟内被污损。

如果要更新服务器上的JSON,则需要:

  1. 要将数据发送回服务器(在POST或PUT请求中)
  2. 要在URL上具有服务器端代码,请将数据发送到该URL即可读取并存储它