基于Node.js、Express、MongoDB的CRUD应用更新接口无法同步用户数据到数据库

以下是基于你提供的三段代码定位的全部可复现更新失败的原因，以及对应的可直接替换的修正代码：

已定位的核心故障点 #

• 请求体解析缺失：如果未在Express全局配置express.json()和express.urlencoded()中间件，所有PUT请求的req.body会为undefined，直接触发“更新数据不能为空”的400错误，请求根本走不到数据库查询逻辑
• Mongoose更新逻辑配置不全：findByIdAndUpdate默认返回更新前的旧文档，且默认不执行schema校验；未加new: true参数时，哪怕数据库已经更新成功，返回给前端的也是旧数据，容易误判为更新失败
• 前端传参和数据库字段不匹配：
  • 表单字段名和MongoDB Schema字段大小写、拼写不一致：比如表单传小写的pricing，Schema里存的是大写开头的Pricing；表单字段exramessages是拼写错误（正确应为extraMessages），导致参数无法匹配到对应文档字段
  • 提交时把隐藏域的id字段也一起放进了更新参数里，MongoDB的_id是不可随意修改的主键，传参时携带会触发数据库校验报错
• AJAX请求配置缺陷：
  • 请求地址写死https://localhost:8080，本地开发环境如果没有配置合法的HTTPS证书，浏览器会直接拦截请求；同域场景下用相对路径可完全避免这类问题
  • 只监听了请求成功的回调，没有捕获400/404/500等错误状态，请求失败时前端没有任何提示，看起来就像“功能没反应”
  • 没有显式指定请求的Content-Type，容易和Express的解析中间件不匹配，导致请求体无法被正确解析

可直接使用的修正代码 #

1. Express全局配置修正 #

需要在所有路由挂载之前加入请求体解析配置：

// 放在app.use(router)之前
app.use(express.json()); // 解析JSON格式请求
app.use(express.urlencoded({ extended: true })); // 解析表单编码请求

2. 服务端PUT更新接口修正 #

app.put("/api/users/:id", (req, res) => {
  const userId = req.params.id;
  // 校验ID格式，避免无效的ObjectId触发数据库报错
  if (!userId.match(/^[0-9a-fA-F]{24}$/)) {
    return res.status(400).send({ message: "无效的用户ID" });
  }
  // 校验请求体非空
  if (!req.body || Object.keys(req.body).length === 0) {
    return res.status(400).send({ message: "更新数据不能为空" });
  }
  // 剔除更新参数里的id字段，避免误修改文档主键
  const updatePayload = { ...req.body };
  delete updatePayload.id;

  Userdb.findByIdAndUpdate(
    userId,
    updatePayload,
    {
      new: true, // 返回更新后的最新文档
      runValidators: true, // 按Schema规则校验更新数据
    }
  )
    .then((updatedDoc) => {
      if (!updatedDoc) {
        return res.status(404).send({ message: `未找到ID为${userId}的用户，无法完成更新` });
      }
      res.send(updatedDoc);
    })
    .catch((err) => {
      res.status(500).send({
        message: "更新用户信息失败",
        errorDetail: err.message,
      });
    });
});

3. EJS表单字段修正 #

把所有input的name属性和MongoDB Schema的字段名完全对齐：

• 修正拼写错误：将name="exramessages"改为name="extraMessages"
• 保持大小写一致：比如name="pricing"对应Schema的Pricing就改成name="Pricing"，name="date"对应Schema的Date就改成name="Date"，其余字段同理，确保传参的键名和文档字段完全一致。

4. 前端AJAX逻辑修正 #

$("#update_user").submit(function(event){
  event.preventDefault();
  const formDataArray = $(this).serializeArray();
  const requestData = {};
  formDataArray.forEach(item => {
    requestData[item.name] = item.value;
  });
  // 从表单数据中取出ID，不随更新参数传到后端
  const targetUserId = requestData.id;
  delete requestData.id;

  $.ajax({
    url: `/api/users/${targetUserId}`,
    method: "PUT",
    data: requestData,
    contentType: "application/x-www-form-urlencoded",
  })
  .done(() => {
    alert("数据更新成功！");
    // 可选：更新完成后跳转回列表页
    window.location.href = "/users";
  })
  .fail((xhr) => {
    const errorMsg = xhr.responseJSON?.message || "更新失败，请查看控制台详情";
    alert(errorMsg);
    console.log("请求错误信息：", xhr.responseText);
  });
})

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