디비에서 200코드로 보내주고 .done으로 받아 삭제 버튼을 누를때마다 콘솔 로그에도 ('성공했어요~')까지도 잘 나옵니다.
그런데 fadeOut()기능이 동작하지 않네요. ㅠㅠ 도움 부탁 드립니다.
list.ejs
<ul class="list-group list-group-flush">
<% for (var i = 0; i < posts.length; i++) { %>
<li class="list-group-item">
<h4>글번호 : <%= posts[i]._id %></h4>
<h4>할일 제목 : <%= posts[i].할일 %></h4>
<p>할일 마감날짜 : <%= posts[i].세부내용 %></p>
<button class="delete" data-id="<%= posts[i]._id %>" >삭제</button>
</li>
<% } %>
</ul>
<script>
$('.delete').click((e)=>{
var 글번호 = e.target.dataset.id;
var 지금누른거 = $(this);
$.ajax({
method: 'DELETE',
url : '/delete',
data : {_id : 글번호}
}).done((결과)=> {
console.log('성공했어요~')
지금누른거.parent('li').fadeOut();
}).fail((결과)=> {
});
});
</script>
Server.js
app.delete('/delete',(require,response)=>{
require.body._id = parseInt(require.body._id);
console.log(require.body)
db.collection('post').deleteOne(require.body,(error, result)=>{
console.log('삭제완료')
response.status(200).send({message : '성공했습니다.'});
});
});
