如何使用 express .node 、 mongoose 和 ejs 删除对象

Question

我从数据库中删除一个对象时遇到错误，但是，当我使用 Postman 测试我的代码时它可以工作，所以我认为我的 ejs 语法不正确。

ejs 代码

                    <center> <a class="delete_category_a" href="/halalMunchies/update-category/<%= category._id%>" style="color: red "> Delete </a> </center>

删除路线

    exports.deleteCategory = (req, res, next) => {

    console.log('DELETE  CATEGORY /delete-category');

    const id = req.params.id;
   

    categorySchema.findByIdAndDelete(id)
        .then(result => {
            //res.redirect('/halalMunchies/all-categories');
            res.send(console.log(result));
        })
        .catch(err => {
            console.log(err);
        });

};

浏览器错误

Cannot GET /halalMunchies/delete-category/6187cb11e3b98a7aa70a277a

Answer 1

您可以使用 JQuery 来创建这样的 DELETE 请求

$.ajax({
  type: "DELETE",
  url: `/route`,
  data: { /* as an object */ },

  success: function (data) {
    console.log(data);
  },

  error: function (data) {
    console.error(data);
  },
});

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>

添加此标记以使用 JQuery 和 在此行之后，引用您要添加之前代码的文件

这不是一个非常标准的方法，但由于您使用的是 ejs，这是一个非常实用的解决方案。

注意：JQuery 的脚本标签可能是旧的，所以如果您遇到问题，我建议访问最新的 JQuery URL

Answer 2

您当前的代码正在发送一个 GET 请求（它只是一个普通链接），但您的请求处理程序是针对一个 DELETE 请求。当前代码中的实际 <form> 没有做任何事情，也不是当前操作的一部分。

由于链接或表单都不能直接发送 DELETE 请求，因此您有以下选择：

1. 您可以使用this technique 发送表单 POST 并配置 Express 以自动将其转换为您的 DELETE 请求（使用中间件），因为您无法通过浏览器中的表单提交来发送 DELETE。

2. 您可以使用Javascript中的fetch()接口来拦截点击或表单帖子，并发送上面相同的POST请求，Express会变成一个DELETE请求。

3. 您可以使用Javascript中的fetch()接口来拦截点击或表单帖子，并直接使用Javascript发送DELETE请求。

4. 您可以更改您的 Express 路由以期待 POST，然后使用表单提交或发送 POST 的 fetch() 请求。

我会推荐 #1 或 #3。

使用fetch()发送DELETE请求的示例代码：

const url = "/halalMunchies/update-category/<%= category._id%>";

fetch(url, {
    method: "DELETE",
    credentials: "include"
}).then(result => {
   // handle completion here
}).catch(err => {
   // handle error here
});