在jade和node.js中使用没有表单的POST？

Question

我正在尝试为列表中的某些项目创建删除选项。我这样做的方法是给列表中的每个项目一个按钮或某种链接，它将使用 POST 发送 _id（来自 mongodb）。正如您在下面的代码 (req.body.id) 中看到的，我正在尝试从请求中获取 id。但是，请求没有 id，因为我不知道如何在不使用表单和输入字段的情况下执行此操作。

我已经看到了一些在 PHP 中使用 javascript 的方法。但是有没有更具体的jade和node.js方式？

router.post("/deleteitem", function(req,res) {
  var db = req.db;
  var collection = db.get("itemcollection");
  id = req.body.id;

  collection.remove({
    "_id": id
  }, function (err, removed) {
    if (err) {
      res.send("Error");
    }
    else {
      res.redirect("editlist");
    }
  });
});

感谢您的帮助。

编辑：

客户端：

extends layout

block content
    h1.
        Items
    ul
        each item, i in editlist
            li
                p #{item.name} costs #{item.price}
                button#btnSubmit(type="button",method="post",action="/deleteitem") Delete

    a(href="/") Back to start

按钮部分虽然不是很相关。首先，我不确定是否可以这样做。其次，我没有以任何方式包含 id。我只是在做实验。

我可能会这样做的一种方法是将 id 作为参数包含在 url 中。但这似乎比仅使用 POST 并在请求中包含 id 更令人费解。

Answer 1

您需要使用 html 表单将 POST 数据公开给 req.body 对象，即使这只是一个带有一些隐藏数据的按钮。您可以在表单内使用input 元素旁边的button 元素来执行此操作。

extends layout

block content
    h1.
        Items
    ul
        each item, i in editlist
            li
                p #{item.name} costs #{item.price}
                form(action="/deleteitem",method="post")
                    input(type="hidden",id="id",value="#{item.id}")
                    button#btnSubmit(type="button") Delete

    a(href="/") Back to start

此代码假定每个item 都有一个id 属性。

使用此按钮，您可以在使用按钮提交的下一个路由中通过req.body.id 获取id 值。