我有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,那么您需要:
- 将数据发送回服务器(通过 POST 或 PUT 请求)
- 要在您发送数据的 URL 上放置服务器端代码,该代码将读取并存储数据
关于javascript - 无法将表单数据推送到 JSON 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51523043/