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

标签 javascript html json forms

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

最佳答案

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

如果确实如此,那么世界上的每个网页都会在几秒钟内被篡改。

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

  1. 将数据发送回服务器(通过 POST 或 PUT 请求)
  2. 要在您发送数据的 URL 上放置服务器端代码,该代码将读取并存储数据

关于javascript - 无法将表单数据推送到 JSON 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51523043/

相关文章:

javascript - 选择其属性类似于兄弟组件属性 [选择器] 的元素

javascript - 使用 Jquery 在单击事件上将新属性附加到现有 JSON 对象

json - 如何快速解析数据库中的 JSON 数组

javascript - 在 Angular 应用程序中使用 Webworkers(服务 worker 在 angular-cli 中缓存数据访问)

php - 如何用 php 解析隐藏的 javascript 链接?

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - 将 jQuery 添加到母版页

html - onclick Iframe 链接 - 此链接在新选项卡/窗口中打开

javascript - 我无法在 javascript 中将对象从字符串解析为对象

java - jackson 为列表添加包装器