Question

我在html中创建了一个表单，我希望将用户插入的数据存储在JSON文件中，格式为json objects＆amp;数组，我是json＆amp;的新手。 javascript如此友好地告诉我该怎么做？

这是我的html表单：

<p class="wp-caption-text">

我希望输出 .json 文件如下：

<!DOCTYPE html>
<html>
<body>

<form>
    First name:<input type="text" name="firstname">Last name:<input type="text" name="lastname"><br>
    Gender: <input type="radio" name="gender">male<input type="radio" name="gender">female<br>
    Married: <input type="checkbox" name="married">yes<input type="checkbox" name="merried">no<br>
    Degree:
    <select>
        <option>BS</option>
        <option>MS</option>
        <option>PhD</option>
    </select>
    Description: <textarea style="width:200px"></textarea>
</form>

</body>
</html>

Answer 1

您无法在前端使用javascript和html将其保存到文件系统中。为此你需要一个后端。

步骤应该是：


使用jQuery或普通javascript将表单数据序列化为json。

通过ajax / xmlhttprequest将json数据发送到后端服务器。

在服务器端接收json数据并保存为.json文件

将表单数据存储到json文件中

1 个答案: