如何在同一EJS页面中从MongoDB不同集合获取数据？

这个问题我太熟了！本质上是MongoDB查询的异步特性没处理好导致的——你之前的写法可能没等两个集合的查询都完成就渲染了页面，或者只把其中一个集合的数据传给了模板，所以调换查询顺序就会报错另一个变量未定义。

先分析错误原因 #

MongoJS的find()是异步操作，它不会阻塞代码执行。如果你的路由代码是像下面这样写的，就会出问题：

// ❌ 错误示例1：两个异步查询并行，但先完成的那个先渲染页面
app.get('/', (req, res) => {
  db.events.find({}, (err, events) => {
    if (err) throw err;
    // 这里先拿到events就直接渲染了，groups还没查完，模板里groups就未定义
    res.render('index', { events });
  });
  
  db.groups.find({}, (err, groups) => {
    if (err) throw err;
    // 这里再渲染已经没用了，因为之前已经发过响应了
  });
});

// ❌ 错误示例2：嵌套回调但漏传了变量
app.get('/', (req, res) => {
  db.events.find({}, (err, events) => {
    if (err) throw err;
    db.groups.find({}, (err, groups) => {
      if (err) throw err;
      // 这里只传了events，没传groups，模板里groups自然未定义
      res.render('index', { events });
    });
  });
});

当你调换查询顺序时，先完成的变成了groups，所以就会报错events未定义——本质都是同一个问题：没有等两个查询都完成，就把不完整的数据传给了模板。

正确的解决方法 #

推荐用async/await配合Promise来处理，代码更清晰，也能确保两个查询都完成后再渲染模板。

方法1：用Promise.all并行查询（效率更高，因为两个查询同时执行）

如果你的MongoJS版本不支持直接返回Promise，先把查询包装成Promise：

// 包装两个集合的查询为Promise函数
const fetchEvents = () => {
  return new Promise((resolve, reject) => {
    db.events.find({}).toArray((err, data) => {
      err ? reject(err) : resolve(data);
    });
  });
};

const fetchGroups = () => {
  return new Promise((resolve, reject) => {
    db.groups.find({}).toArray((err, data) => {
      err ? reject(err) : resolve(data);
    });
  });
};

// 在路由中使用async/await等待两个查询完成
app.get('/', async (req, res) => {
  try {
    // 并行执行两个查询，等待都完成
    const [events, groups] = await Promise.all([fetchEvents(), fetchGroups()]);
    // 确保两个变量都传给模板
    res.render('index', { events, groups });
  } catch (err) {
    console.error('查询数据失败:', err);
    res.status(500).send('服务器内部错误');
  }
});

方法2：直接用async/await串行查询（代码更简洁，适合小数据量）

如果你的MongoJS版本支持Promise（大部分新版本都支持），可以不用手动包装，直接这样写：

app.get('/', async (req, res) => {
  try {
    // 等待events查询完成
    const events = await db.events.find({}).toArray();
    // 等待groups查询完成
    const groups = await db.groups.find({}).toArray();
    // 把两个数据都传给模板
    res.render('index', { events, groups });
  } catch (err) {
    console.error(err);
    res.status(500).send('数据查询出错');
  }
});

额外检查点 #

1. 集合名称拼写：确认你的集合名是groups和events，MongoDB集合名区分大小写，别写错了！
2. 数据库连接：确保你的MongoJS已经正确连接到目标数据库，没有连错库导致查不到数据。
3. 模板变量名：EJS模板里的变量名要和你传给res.render的变量名完全一致，比如模板里用<%= groups %>，你就得传groups而不是groupList。

按照上面的方法修改后，两个集合的数据就能同时传给EJS模板，不会再出现"未定义"的错误了！

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