使用mongoldb，猫鼬，玉器和express通过按钮单击删除条目

Question

因此，我无法通过单击视图中的按钮来弄清楚如何删除数据库中的条目。逻辑对我而言毫无意义。我的看法如下：

如何获得每个按钮以连接到每个条目？我将在下面列出我的视图和路线代码，以便您浏览。

玉

  extends ../userLayout
block localStyles
    link(rel='stylesheet', href='/stylesheets/usersPage/users.css')
block content
    .container
        .users.col-md-11.col-xs-12.table-responsive 
            h1 Current Users
            form.form(method="post" action="/users/view")
                table.col-xs-12
                    tr
                        th Name
                        th Username
                        th
                    each user in users 
                        tr
                            td= user.name
                            td= user.username
                            td  
                                button.btn.btn-danger.col-xs-12 X

用户路线

  router.post('/view', function(req, res, next) {

//***potential delete code

      userSchema.remove({ name: 'reg' }, function (err) {
          if (err) return handleError(err);
          // removed!      

            });

    });

就像我说的那样，我的大问题只是获得删除特定条目的按钮背后的逻辑。任何帮助将不胜感激。

Answer 1

一种方法是在每个按钮中设置要删除的文档的ID。

//jade
td
   button.remove-doc.btn.btn-danger.col-xs-12(data-id="#{user.id)") X

并添加事件侦听器以发送ajax请求以删除用户：

<script>
   $('buttons.remove.doc').on('click', function() {
      var userId = $(this).attr('data-id');
      $.ajax({
         method: "POST",
         url: "/users/delete",
         data: {"userId": userId},
         success: function(result) {
            if(/* check if it is ok */) {
                location.reload();
            }
         }
      })
   });
</script>

在节点中，您将具有以下内容：

app.post('/users/delete', function(req, res, next) {
   var userId = req.body.userId || req.query.userId;

   userSchema.remove({_id: userId}, function(err, res) {
       if (err) { res.json({"err": err}); } else { res.json({success: true});
   });
});