javascript - 這個路由這么寫有什么問題？我想刪掉一條記錄

問題描述

我在roomview.html頁面上想要刪掉一條顯示出來的記錄，roomview.html部分代碼如下：

<h1>房間列表</h1><p> <a href='http://www.wxshucaidpc.com/roomview/addroom'>增加</a></p><table> <thead> <tr><th>_id</th><th>roomName</th><th>roomContent</th><th>roomCreateUser</th><th>roomImg</th><th>roomCreateDate</th><th>roomJoinPeos</th><th>roomChat</th> </tr> </thead> <tbody> <% rooms.forEach(function( room ){ %> <tr><td><%= room._id%></td><td><%= room.roomName %></td><td><%= room.roomContent %></td><td><%= room.roomCreateUser %></td><td><%= room.roomImg %></td><td><%= room.roomCreateDate %></td><td><%= room.roomJoinPeos %></td><td><%= room.roomChat %></td><td><a href='http://www.wxshucaidpc.com/roomview/delete?id=<%=room._id%>'>刪除房間</a> | <a href='http://www.wxshucaidpc.com/roomview/modifyroom?id=<%=room._id%>'>更新房間信息</a></td> </tr> <% }); %> </tbody>

路由roomview.js對應刪除部分代碼如下：

router.get('/delete/:id',function(req,res){ console.log(req.params.id); Room.findById(req.params.id,function(err,doc){if(!doc){ return next(new NotFound('Doc not found'))}else{ doc.remove(function(){res.redirect('/roomview'); })} });});

不過當我點擊刪除房間后頁面卻顯示如下：

Cannot GET /roomview/delete

問題解答

獲取id

/roomview/delete?id=<%=room._id%>router.get('/delete', cb) req.query.id/roomview/delete/<%=room._id%>router.get('/delete/:id', cb)req.params.id

soonfy

@soonfy 就是正解。

你在路由里聲明了按照path variable的形式要求參數:/delete/:id，

但在頁面上卻又用了query parameter的形式提供參數: /roomview/delete?id=<%=room._id%>。

那肯定會出錯，最直觀的表現就是你遇到錯誤，即：壓根沒找到路由/roomview/delete對應的處理器，因為你的處理器指定的規則是/delete/:id，而非/delete。

解決方案也簡單，把頁面里改成/roomview/delete/<%=room._id%>，應該就好了