Jade + mongodb + express.js，删除表单不起作用

Question

我的删除代码不起作用，我认为甚至没有触发，因为我没有看到我的 console.log，我有一个与表单一起使用的添加按钮，它们看起来很相似，这就是我不明白的原因.

app.js：

var db = monk('localhost:27017/mongodb');

玉：

extends admin_menu

block content
    h1.
        Cocktail list
    ul
        each cocktail, i in cocktaillist
            li
                p= cocktail.name
            form#form_delete_project(name="/admin/delete_cocktail", method="post", action="/admin/delete_cocktail")
            input#input_name(type="hidden", placeholder="", name="_id", value="#{cocktail._id}")
            button#submit_project(type="submit") delete

index.js：

router.post('/admin/delete_cocktail', function(req, res) {
    console.log(id)
    // Set our internal DB variable
    var db = req.db;

    // Get our form values. These rely on the "name" attributes
    var id = req.body._id;

    // Set our collection
    var collection = db.get('cocktailcollection');

    // Submit to the DB
    collection.remove({
        "_id":id

    }, function (err, doc) {
        if (err) {
            // If it failed, return error
            res.send("There was a problem removing the information to the database.");
        }
        else {
            // And forward to success page
            res.redirect("/admin/cocktail_list");
        }
    });
});

Answer 1

Jade 建立在缩进之上。由于您没有缩进表单中的项目，因此它不在您的表单中。在 html 中，您的代码如下所示：

<form>
</form>
<input name="_id">
<button>

由于您使用_id 输入的内容超出了表单，因此不会发布。这就是为什么您的控制台日志没有显示任何内容的原因。没有req.body._id.而且，当然，您的提交按钮也在表单之外。所以它什么都不做。

所以，你应该做的第一件事就是缩进代码。