[server.js]
app.delete('/delete', function(req, res){
req.body._id = parseInt(req.body._id);
db.collection('post').deleteOne(req.body, function(err, res){
console.log('삭제완료');
res.status(200).send({message : '성공했습니다.'});
})
});
[list.ejs]
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$('.delete').click(function(e){
var listNum = e.target.dataset.id;
var nowClick = $(this);
$.ajax({
method : 'DELETE',
url : '/delete',
data : { _id : listNum }
}).done(function(res){
console.log("성공염");
nowClick.parents('li').fadeOut();
}).fail(function(xhr, textStatus, errorThrown){
console.log(xhr, textStatus, errorThrown);
});
})
</script>
수업 따라가는 도중에 인덱스를 1번으로 고정했을땐 삭제가 잘 되었었는데, 이렇게 바꾸니 삭제 버튼을 눌러도 f12콘솔 창에도
어떠한 동작이 일어났다는 표시도 안뜨고 반응이 없습니다. 영상도 몇 번 되돌아가기를 반복하며 봤는데 무엇이 문제인지 잘 모르겠습니다.ㅠㅠ
