无需AJAX请求，如何高效删除MongoDB特定数据记录？

嘿，我刚好熟悉这个技术栈的场景，不用AJAX的话，咱们完全可以靠表单提交+Express路由处理+页面重定向来高效删除MongoDB里的记录，步骤清晰且符合你的现有架构，下面是具体实现：

HTML表单原生只支持GET/POST方法，而RESTful风格里删除操作更适合用DELETE方法，所以咱们需要用method-override中间件来模拟DELETE请求：

• 先安装依赖：

  npm install method-override
  

• 在你的Express入口文件（比如app.js）里添加配置：

  const methodOverride = require('method-override');
  // 识别表单里的`_method`字段，把POST请求转换成对应HTTP方法
  app.use(methodOverride('_method'));
  

在lists.pug里遍历照片列表时，给每个条目加一个小型的删除表单，提交到带ID的删除路由，同时通过隐藏字段指定请求方法为DELETE：

each photo in list
  .photo-item
    h3= photo.title
    p= photo.description
    //- 删除表单，点击按钮后提交DELETE请求
    form(action=`/photos/${photo._id}/delete` method="POST")
      input(type="hidden" name="_method" value="DELETE")
      button(type="submit" onclick="return confirm('确定要删除这条记录吗？')") 删除

这里加了确认弹窗，避免用户误操作，体验更友好。

在你的路由文件里，添加一个DELETE路由来处理删除逻辑，用Mongoose的findByIdAndDelete方法（这是单次数据库操作，比先查询再删除更高效）：

// 用async/await写法更简洁
router.delete('/photos/:id/delete', async (req, res) => {
  try {
    // 根据ID直接删除记录
    await Photo.findByIdAndDelete(req.params.id);
    // 删除成功后重定向回列表页，页面刷新后就看不到已删除的条目了
    res.redirect('/');
  } catch (err) {
    console.error('删除失败:', err);
    // 可以给用户返回错误提示，比如重定向时带错误参数
    res.redirect('/?error=deleteFailed');
  }
});

如果习惯用Promise链式调用，也可以这么写：

router.delete('/photos/:id/delete', (req, res) => {
  Photo.findByIdAndDelete(req.params.id)
    .then(() => res.redirect('/'))
    .catch(err => {
      console.error('删除失败:', err);
      res.redirect('/?error=deleteFailed');
    });
});

• 高效：findByIdAndDelete是Mongoose优化过的方法，单次数据库交互完成删除，比分步操作更省资源。
• 简单：不用写前端异步逻辑，完全依托表单和重定向，和你现有代码风格统一。
• 规范：遵循RESTful语义，用DELETE方法处理删除操作，代码可读性更高。

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