list.ejs
<ul class="list-group">
<% for(var i = 0; i<posts.length; i++) {%>
<li class="list-group-item">
<h4>할일 제목 : <%= posts[i].제목 %><h4>
<p>할일 마감날짜 : <%= posts[i].날짜 %></p>
<button class="delete" data-id="<%= posts[i]._id %>">삭제</button>
</li>
<% } %>
</ul>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$('.delete').click(function(e){
var id = e.target.dataset.id;
console.log('삭제');
$.ajax({
method : 'DELETE',
url : '/delete',
data : {_id : 3 }
}).done((result) => {
});
});
</script>
server.js
app.delete('/delete', (req, res) => {
console.log(req.body);
req.body._id = parseInt(req.body._id);
db.collection('post').deleteOne(req.body, (err, result) =>{
console.log('삭제완료');
});
res.send("삭제완료");
});
삭제버튼을 클릭했을때 아예 반응이없습니다. 코드는 그대로 쓴것같은데 왜그러는지 모르겠습니다.
