2017-06-02 134 views
-1

我试图删除表单的数据。 GET和PUT方法可以工作,但不能删除。我的目标是用JS函数改变POST方法的形式,然后用删除按钮调用它,这样我就可以删除数据。但它不起作用。该HTML:Node.js/Express DELETE方法不起作用

<form id="protest_form" action="scout_post" method="POST"> 

      <input type="text" id="scoutName" name="scoutName" placeholder="name"> <br> 
      <input type="text" id="scoutSurname" name="scoutSurname" placeholder="surname"> <br> 
      <input type="text" id="scoutPassword" name="scoutPassword" placeholder="password"> <br> 

      <button type="submit" id="button" class="btn btn-primary">Submit</button> 
      <button type="button" id="button" class="btn btn-danger" onclick="deleteForm()">Delete</button> 
     </form> 

的JS功能:

function deleteForm() { 

     document.getElementById('protest_form').setAttribute("method", "delete"); 
     document.getElementById('protest_form').submit(); 

    } 

和节点路线:

app.post('/scout_post', urlencodedParser,function (req,res){ 

    var name= req.body.scoutName, 
     surname=req.body.scoutSurname, 
     password=req.body.scoutPassword; 


      db.collection('scoutPost').insertOne(
       { 'name': name, 'surname': surname,'password':password}, 
       function (err, r) { 
        assert.equal(null, err); 
        res.send("Document inserted with _id: " + r.insertedId); 
       } 
      ); 
}) 

app.delete('/scout_post', urlencodedParser,function (req,res){ 

     var name= req.body.scoutName, 
      surname=req.body.scoutSurname, 
      password=req.body.scoutPassword; 


       db.collection('scoutPost').remove(
        { 'name': name, 'surname': surname,'password':password}, 
        function (err, r) { 
         assert.equal(null, err); 
         res.send("Document deleted"); 

        }); 

    }) 

当我点击按钮调用deleteForm()函数,我得到这个错误:

Cannot GET /scout_post?scoutName=&scoutSurname=&scoutPassword= 

如果我改变H TML和Node路由到GET方法,我得到插入的文档,点击DEL按钮时不会被删除......我该如何解决这个问题?谢谢

回答

1

在HTML表单中只允许GET和POST。如果您想提交DELETE请求,则必须通过XHR客户端,在服务器端使用a method override middleware并在客户端进行相应更改。

+0

好的,谢谢,为什么downvote?我问过如何解决这个问题,这是一个问题,对吗? – glassraven

+0

FWIW我*没有* downvote你的问题。 – mscdex

+0

好吧,但即使ponury的答案downvote是不公平的,有时我真的不明白这些决定... – glassraven

-1

作为关于MDN的文档说,表单方法属性上只有“POST”和“GET”方法可用。您需要使用AJAX来完成此操作