如何使用Node.js的fs.appendFile()将HTML表单数据保存到文本文件？

你当前代码的核心误区是混淆了浏览器端JavaScript和服务端Node.js的运行环境：
写在HTML <script>标签里的代码运行在用户的浏览器中，不存在Node.js的fs文件操作模块，也没有权限直接写入你服务器上的文件，必须通过前后端配合实现需求。

以下是完整可行的实现方案： #

1. 前端HTML代码修改 #

将原来的表单逻辑改为提交时向服务端发送请求，代码如下：

<form id="subscribeForm">
<label for="fname">Forename:</label><br>
<input type="text" id="fname" name="fname" required><br><br>
<label for="email">Email:</label><br>
<input type="text" id="email" name="email" required><br><br>
<input type="submit" value="Subscribe">
</form>

<script>
document.getElementById('subscribeForm').addEventListener('submit', async function(e) {
  // 阻止表单默认跳转
  e.preventDefault();
  // 获取用户输入的实际值
  const fname = document.getElementById('fname').value.trim();
  const email = document.getElementById('email').value.trim();
  
  try {
    // 向后端接口提交数据
    const res = await fetch('/submit', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ fname, email })
    });
    if (res.ok) {
      alert('提交成功');
      this.reset();
    } else {
      alert('提交失败，请重试');
    }
  } catch (err) {
    console.error('请求错误：', err);
    alert('提交失败，请检查网络');
  }
})
</script>

2. 服务端Node.js代码部署 #

你需要在已经安装Node.js的服务器上部署一个简单的接口服务，接收前端提交的数据并写入文件：

操作步骤： #

1. 在服务器上新建项目文件夹，比如命名为form-server，进入文件夹后执行命令初始化项目：
   npm init -y && npm install express
2. 项目文件夹下新建public文件夹，把上面修改好的前端HTML代码存为public/index.html
3. 项目根目录下新建server.js，内容如下：

const express = require('express');
const fs = require('fs/promises');
const path = require('path');
const app = express();
const PORT = 3000; // 可根据需求修改端口

// 解析POST请求的JSON数据
app.use(express.json());
// 托管前端静态页面
app.use(express.static(path.join(__dirname, 'public')));

// 处理表单提交的接口
app.post('/submit', async (req, res) => {
  try {
    const { fname, email } = req.body;
    if (!fname || !email) return res.status(400).send('参数不完整');
    // 拼接写入内容，每个输入项单独占一行，不同提交记录加分隔符区分
    const writeContent = `${fname}\n${email}\n---\n`;
    // 追加写入文件，不存在会自动创建
    await fs.appendFile(path.join(__dirname, 'results.txt'), writeContent, 'utf8');
    res.sendStatus(200);
  } catch (err) {
    console.error('写入失败：', err);
    res.status(500).send('服务器内部错误');
  }
});

app.listen(PORT, () => {
  console.log(`服务已启动，访问地址：http://localhost:${PORT}`);
});

4. 执行node server.js启动服务即可，用户访问你服务器IP+端口（或绑定的域名）就能提交表单，数据会自动写入到项目根目录的results.txt中。

补充说明 #

• 如果需要服务后台持久运行，可以安装pm2工具，执行pm2 start server.js即可托管服务，避免关闭SSH窗口后服务停止。
• 可根据需求自行增加邮箱格式校验、重复提交拦截等逻辑。

内容的提问来源于stack exchange，提问作者TheEmeraldFishy