时间戳

首页 > 解决方案 > 无法将表单数据推送到 JSON 文件中

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

问题描述

我有 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 文件中。请帮忙。

标签： javascripthtmljsonforms

解决方案

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

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

如果要更新服务器上的 JSON，则需要：

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

推荐阅读