<span class="delete" data-id = "<%= posts[i]._id%>">🗑️</span>
<script>
$(document).ready(() => {
$(".delete").on('click',function(e){
var parentElement = $(this).parent();
$.ajax({
url: '/delete?id='+ $(this).data('id'),
type:'DELETE',
})
.done(function(response) {
console.log('문서 삭제 성공:', response);
parentElement.hide(); // 새로고침 없이 바로 삭제시키기
})
.fail(function(xhr, status, error) {
console.error('문서 삭제 실패:', error);
});
})
})
</script>
app.delete('/delete', async(req, res)=>{
console.log(req.query.id)
await db.collection('post').deleteOne({
_id : new ObjectId(req.query.id)})
// queryString으로 작성한건 요청.query로 데이터를 요청할 수 있다.
res.send('삭제완료')
})