Express POST请求提交表单后展示带动态数据的HTML文件

你的代码无法正常返回替换后内容，核心是两个逻辑错误：

• fs.readFile是异步API，本身不会直接返回读取到的文件内容，文件内容只会传入它的回调函数参数里。你把fs.readFile的调用结果赋值给results，拿到的根本不是文件内容，此时直接执行res.send(results)等于给浏览器返回了undefined，自然看不到正确页面。
• 你如果在POST路由里用res.redirect('/order')，会触发浏览器重新请求GET /order接口，而这个接口的逻辑是直接返回原始未替换的HTML文件，当然看不到动态填充的数值。

完全不需要强制使用EJS这类模板引擎，普通静态HTML文件就能实现你要的效果，你原本的字符串替换思路是可行的，只是异步逻辑写错了。

方案1：零额外依赖，修正原生fs调用 #

只需要把res.send的逻辑移到fs.readFile的回调内部，等文件读取完成、占位符替换结束后再返回响应即可：

const fs = require('fs');
const path = require('path');

// 表单提交对应的POST路由
app.post('/submit-form', (req, res) => {
  // 这里替换成你实际拿到的订单金额变量
  const orderTotal = response.data.order_value;

  fs.readFile(path.join(__dirname, 'order.html'), 'utf-8', (err, fileContent) => {
    if (err) {
      return res.status(500).send('服务异常，请稍后重试');
    }
    // 替换占位符，建议用正则全局替换，避免页面存在多个同占位符时只替换第一个
    const renderedHtml = fileContent.replace(/{%foodTotal%}/g, orderTotal);
    // 替换完成后直接返回渲染好的HTML，不需要额外跳转
    res.send(renderedHtml);
  });
});

这个写法不需要安装任何第三方依赖，完全基于Node原生能力实现，做到了HTML和业务逻辑分离，比硬编码HTML的写法规范。

方案2：使用模板引擎（适合复杂动态页面场景） #

如果后续页面需要替换的动态变量很多，手写replace维护成本高，可以再考虑用EJS这类轻量模板引擎，配置非常简单：

1. 安装依赖：执行npm install ejs
2. 在Express入口文件中配置模板引擎，不需要修改你现有HTML文件的后缀：

const express = require('express');
const app = express();
const path = require('path');

// 模板引擎配置，放在路由注册前即可
app.set('view engine', 'html');
app.engine('html', require('ejs').renderFile);
app.set('views', __dirname);

3. 把order.html里的自定义占位符改成EJS输出语法：

<body>
    <h1>Thank you for buying!</h1>
    <p>Here are your details</p>
    <p>Food Total: <%= foodTotal %></p>
</body>

4. POST路由里直接调用res.render即可，不需要手动写文件读取、字符串替换逻辑：

app.post('/submit-form', (req, res) => {
  const orderTotal = response.data.order_value;
  res.render('order.html', {
    foodTotal: orderTotal
  });
});

这种写法更适合多变量、带循环/条件判断的复杂页面，代码可维护性更高。

• 所有Node.js里的异步操作（文件读取、接口请求、数据库查询）都不能在操作外部直接拿结果、发响应，必须把响应逻辑写在回调/Promise的then/await后面，等异步操作执行完成再处理。
• res.redirect仅适合无上下文的页面跳转，跳转后的GET请求默认拿不到之前POST请求里的业务数据，除非用URL参数、Session、Cookie传值，流程比直接在POST路由返回渲染好的HTML更繁琐。

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