You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

API调用后UI数据未更新,请求排查Node.js更新路由代码问题

问题描述

使用下述路由接收用户提交的更新数据时,表单可正常渲染,点击提交后会重定向至包含数据表格的仪表板,但表格数据未同步更新。

Update API 代码

route.post('/update-accomodation/:id',  (req, res)=>{
    if(!req.body){
        return res.status(400).send({message: "There is no data to update"})
    }
    const id=req.params.id;
    // const updatedAccomdation= 
    Accomodation.findByIdAndUpdate(id, req.body, {useFindAndModify: false})
        .then(accomodation => {
            if (!accomodation) {
              res.status(404).send({ message: 'Cannot update the user', id });

            } else {
                req.session.message={
                    type: 'Success',
                    message: 'User updates Successfully',
                };
                // res.send(accomodation)
              res.redirect('/dashboard/accomodation'); 
              console.log('Test accom:',accomodation);
            }
          })
          .catch((err) => {
            res.status(500).send({ message: 'Error in updating service information' });
          });
      });
原因分析

数据未同步到UI的核心原因是数据库已更新,但仪表板未获取最新数据,具体可能是以下几点:

  • findByIdAndUpdate默认返回更新前的旧文档(你控制台打印的accomodation就是旧数据),但这不会影响数据库本身的更新——问题出在重定向后的仪表板页面未重新拉取最新数据。
  • 仪表板路由可能复用了缓存的旧数据(比如将查询结果存在内存/会话中,没有每次访问都重新查询数据库)。
  • 表单提交的字段名与Accomodation数据库模型的字段不匹配,导致数据库根本没接收到有效更新指令。
  • 浏览器缓存了仪表板页面,重定向后直接加载缓存的旧内容,没有向服务器请求最新页面。
解决方案

针对上述问题,逐一排查修复:

  1. 确保仪表板路由每次重新查询数据库
    检查/dashboard/accomodation的GET路由代码,必须每次访问都执行Accomodation.find()拉取最新数据,示例:
    route.get('/dashboard/accomodation', (req, res) => {
      // 禁用浏览器缓存,强制拉取最新页面
      res.set('Cache-Control', 'no-cache, no-store, must-revalidate');
      res.set('Pragma', 'no-cache');
      res.set('Expires', '0');
      
      // 重新查询所有住宿数据
      Accomodation.find()
        .then(accomodations => {
          res.render('dashboard', { accomodations, message: req.session.message });
          // 清除会话消息,避免重复显示
          delete req.session.message;
        })
        .catch(err => {
          res.status(500).send({ message: 'Failed to load data' });
        });
    });
    
  2. 验证表单字段与数据库模型匹配
    核对表单输入的name属性(比如<input name="name">)和Accomodation模型定义的字段完全一致,比如模型里是price,表单不能写成roomPrice,否则req.body的字段无法对应更新。
  3. 可选:让findByIdAndUpdate返回更新后的数据
    如果需要在控制台查看更新后的结果,给findByIdAndUpdate添加new: true参数,方便调试:
    Accomodation.findByIdAndUpdate(id, req.body, {useFindAndModify: false, new: true})
    

内容的提问来源于stack exchange,提问作者S Abdulla

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 01:05:32