如何在接收POST请求时识别对应的发送表单？

我来帮你搞定这个问题！其实有好几种简单的方法可以区分不同表单发送的POST请求，下面给你详细拆解：

方案一：添加隐藏输入字段（最通用） #

这是最直接的方式——给你的表单加一个隐藏的标识字段，提交请求时这个字段会一起发送到后端，后端就能通过它判断是哪个表单发的请求。

修改你的表单代码：

<form action="/dashboard/" method="POST">
  <div class="form-group">
    <!-- 添加隐藏字段作为表单唯一标识 -->
    <input type="hidden" name="formIdentifier" value="dashboard_do_form">
    <button class="btn btn-success">Do!</button>
  </div>
</form>

然后在你的路由处理代码里，通过req.body获取这个标识：

router.post("/", async (req, res) => {
  // 检查隐藏字段的值
  if (req.body.formIdentifier === "dashboard_do_form") {
    // 确认是目标表单发送的请求，执行对应逻辑
    console.log("收到目标表单的POST请求");
    // ...你的业务代码
  } else {
    // 其他表单的请求，做对应处理
  }
});

方案二：使用不同的Action路径 #

如果你的表单功能差异比较大，也可以直接给不同表单设置不同的action路径，这样后端通过路由就能直接区分请求来源，不用额外判断字段。

修改表单的action：

<form action="/dashboard/do-action" method="POST">
  <div class="form-group">
    <button class="btn btn-success">Do!</button>
  </div>
</form>

然后新增对应的路由处理：

// 专门处理这个表单的POST请求
router.post("/do-action", async (req, res) => {
  // 这里的请求肯定来自目标表单，直接执行逻辑
  // ...你的业务代码
});

方案三：通过提交按钮的标识判断 #

如果你的表单只有一个提交按钮，也可以给按钮添加name和value属性，点击提交时按钮的信息会被一起发送，后端通过这个信息判断表单。

修改按钮代码：

<form action="/dashboard/" method="POST">
  <div class="form-group">
    <button class="btn btn-success" name="submitAction" value="dashboard_do">Do!</button>
  </div>
</form>

后端判断逻辑：

router.post("/", async (req, res) => {
  if (req.body.submitAction === "dashboard_do") {
    // 确认是目标表单的请求
    // ...你的业务代码
  }
});

这三种方案都能解决你的问题，你可以根据自己的业务场景选择最合适的～

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