Node.js Express中客户端向后端传递变量的实现方案

作为Node.js新手，确实容易被客户端/服务端的边界搞晕——你说得没错，前端的index.js是在用户浏览器里运行的，根本碰不到服务器上的data.json文件，必须通过HTTP请求把数据传给服务端的app.js，再由服务端来完成文件读写操作。

不过你已经找到了解决方案，我再把这个流程梳理得更清晰一点，方便后续参考：

1. 前端发送数据（index.js） #

用jQuery的$.post方法（本质是Ajax）把数据发到服务端的指定路由：

$.post('/email', { address: 'xxx@example.com' });

这里/email是我们在服务端要定义的路由地址，address是你要传递的变量名，把值换成你实际要传的内容就行。

2. 服务端接收并写入文件（app.js） #

首先得配置body-parser来解析前端传过来的请求体，然后写对应的POST路由处理数据，最后用fs模块写入data.json：

const express = require('express');
const bodyParser = require('body-parser');
const fs = require('fs');
const path = require('path');
const app = express();
// 替换成你的静态文件目录，比如项目里的public文件夹
const staticDir = path.join(__dirname, 'public');

// 配置body-parser，解析JSON和表单格式的请求体
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

// 处理前端发来的POST请求
app.post('/email', (req, res) => {
    // 从请求体中获取前端传递的address
    const userEmail = req.body.address;
    console.log('收到用户邮箱：', userEmail);

    // 准备要写入data.json的数据，这里可以根据需求调整结构
    const saveData = { email: userEmail };
    const dataFilePath = path.join(__dirname, 'data.json');

    // 写入文件，JSON.stringify的第三个参数是缩进，让JSON文件更易读
    fs.writeFile(dataFilePath, JSON.stringify(saveData, null, 2), (err) => {
        if (err) {
            console.error('写入文件出错：', err);
            return res.json({ ok: false, msg: '数据保存失败' });
        }
        // 一定要给前端返回响应，不然前端会一直等待请求结果
        res.json({ ok: true, msg: '数据已成功保存' });
    });
});

// 托管静态资源，这样前端的index.html、index.js才能被正常访问到
app.use(express.static(staticDir));

// 启动服务器，监听4443端口
app.listen(4443, () => console.log('服务器已启动：http://localhost:4443/'));

小提醒 #

• 别忘了安装依赖包，在项目根目录执行：

npm install express body-parser

• 服务端操作文件时，用path.join拼接路径可以避免不同系统路径分隔符的问题，更稳妥。

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