如何将引导模式提交按钮连接到Node.js中的PUT方法?

时间:2016-10-28 21:48:44

标签: javascript html node.js twitter-bootstrap bootstrap-modal

我目前正在开发一个任务管理器系统。我希望用户能够在他们这样做的时候对他们的作业进行评论,以防他们不得不停下来处理其他事情,但是当他们回来时他们忘记了他们在作业中所做的事情。

我目前正在使用express和JSONDB在Node.js中工作,因为它是一个高度可移植的应用程序。

这是我的模态:

<!-- Modal -->
<div class="modal fade" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Add Comments</h4>
        </div>
        <div class="modal-body">
            <textarea class="form-control" name="task[comments]" id="" cols="30" rows="10" placeholder="Comments"></textarea>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal" style="float:right; inline">Close</button>
            <form action="/progress/<%= progress._id %>/comments?_method=PUT" method="POST">
                <button type="button" class="btn btn-primary " style="float: right; inline; margin-right: 2px;">Save changes</button>
            </form>
        </div>
    </div>
  </div>
</div>

这是它应该连接到的地方:

app.put("/progress/:id/comments",function(req,res){
   var query = {
     _id: req.params.id
   };
   var dataToUpdate = {
     comments: req.body.task.comments
   };
   var option = {
     multi: false,
     upsert: false
   };

   db.in_progress.update(query, dataToUpdate, option);
   updateArray();
   res.redirect("/");
});

我认为这样做更容易,而不是为每个单独的请求创建一个完整的编辑页面,因为它们是简单的列表。

当我按下按钮提交评论时,什么也没发生。

0 个答案:

没有答案