Question

我有一个JSON文件，我想通过HTML表单更改其属性：

<h1>product detail</h1>
<form>
    Name:<br>
    <input id="prod-name" type="text" name="name" readonly><br>
    Number:<br>
    <input id="prod-number" type="text" name="number" readonly>
    <br>
    <textarea id="prod-desc" name="description" cols="100" rows="10" readonly>description</textarea>
    <br>
    <textarea id="prod-img" name="images" cols="100" rows="10" readonly>images</textarea>
    <br>
</form>
<button id="save-changes">SAVE</button>

我已经使用jQuery和AJAX从JSON文件中检索了数据，但现在我需要将其保存在文件中（不是本地存储）

$('#save-changes').on('click', function () {
    json[index].name        = $("#prod-name").val();
    json[index].number      = $("#prod-number").val();
    json[index].description = $("#prod-desc").val();
});

所以基本上我想在我的JSON文件中更改名称，编号和描述

Answer 1

好的，基于你的意见：

我认为有两种方法可以解决这个问题。一个是编辑javascript对象并将其发送回服务器。第二个（我发现更简单）就是在编辑时简单地发回表格。两者都要求该项具有某种不可编辑的唯一ID，以便您可以跟踪您在服务器数据库中实际更新的内容。

所以只需使表单起作用（简化示例）：

{{1}}

此表单将向操作中的地址发出POST请求。该地址应该知道如何处理POST请求，接收它，以及用它更新服务器数据库。

我不知道你在服务器端使用什么。我也不知道你运行的是什么类型的数据库。如果它的php查看PDO语句和$ _POST访问。这里回答的时间太长了。但是这两个术语应该引导你做一些努力，并且你会在这个过程中学到很多东西。

一些有用的链接：

从HTML表单更改json文件（更新）

1 个答案: