Node.js+Express获取表单POST提交值的实现咨询

嘿，刚入门Node.js和Express的话，你走的方向其实是对的！关于body-parser，其实现在Express 4.16版本之后已经把它内置了，不用单独安装依赖啦，我来一步步帮你搞定表单提交的问题：

首先，你需要让Express能够解析表单提交的urlencoded格式数据，在你的服务器代码里加上这一行：

app.use(express.urlencoded({ extended: true }));

这里extended: true允许解析复杂的嵌套数据结构，对于普通文本表单来说完全够用。

你的index.html里的表单需要改成POST方法（GET请求不适合带表单数据），并且指定提交的路由（比如/submit），同时给两个输入框加上name属性——这是服务器端能获取到对应值的关键！示例代码如下：

<!DOCTYPE html>
<html>
<body>
  <form action="/submit" method="POST">
    <input type="text" name="firstString" placeholder="输入第一个字符串">
    <input type="text" name="secondString" placeholder="输入第二个字符串">
    <button type="submit">提交</button>
  </form>
</body>
</html>

现在你可以在服务器代码里添加一个POST路由，用来接收表单数据，然后调用你的自定义函数：

var express = require('express');
var app = express();

// 配置解析表单数据
app.use(express.urlencoded({ extended: true }));
// 配置静态文件托管（如果你的index.html放在public文件夹下）
app.use(express.static('public'));

// 你的自定义业务函数示例
function handleStrings(str1, str2) {
  console.log(`服务器收到两个字符串：${str1}、${str2}`);
  // 这里可以写你的具体业务逻辑，比如拼接、处理等
  return `处理后的结果：${str1} + ${str2} = ${str1.concat(str2)}`;
}

// 处理GET请求返回index.html
app.get('/', (req, res) => {
  res.sendFile(__dirname + '/public/index.html'); // 注意路径要和你的文件位置匹配
});

// 处理表单提交的POST请求
app.post('/submit', (req, res) => {
  // 从req.body中获取表单数据，键名对应输入框的name属性
  const { firstString, secondString } = req.body;
  
  // 调用你的自定义函数
  const processResult = handleStrings(firstString, secondString);
  
  // 给前端返回处理结果，也可以跳转到其他页面
  res.send(processResult);
});

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已在3000端口启动，访问http://localhost:3000试试吧！');
});

• 确保你的index.html文件路径正确，如果直接放在项目根目录，就把res.sendFile的路径改成__dirname + '/index.html'。
• 如果后续需要处理文件上传这类multipart/form-data格式的表单，才需要额外安装multer这类中间件，普通文本表单用上面的配置就足够了。
• 测试时启动服务器，在浏览器输入内容提交，就能在控制台看到服务器收到的字符串，同时页面会显示处理结果哦！

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