使用mongoldb,mongoose,jade和express通过按钮删除条目

时间:2016-04-07 05:11:56

标签: node.js mongodb express mongoose pug

因此,我无法通过在视图中单击按钮来确定如何删除数据库中的条目。逻辑对我来说没有意义。我的观点如下:

enter image description here

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

  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!      

            });

    });

就像我说的,我的重大问题只是获取按钮删除某个条目的逻辑。任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:4)

一种方法是在每个按钮中设置要删除的文档的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});
   });
});