삭제버튼을 클릭했을때
서버에 있는 게시글을 지우고
서버에서 성공 / 실패 여부를 알려준다 (서버응답코드)
//server.js
app.delete('/delete', function(req, result){
req.body._id = parseInt(req.body._id);
console.log(req.body);
db.collection('post').deleteOne(req.body, function(err, res){
console.log('삭제완료');
result.status(200).send({ message : '성공했습니다' });
});
});
서버로부터 성공했다는 응답을 받았을 때
//list.ejs
$('.delete').click(function(e){
var button = $(this);
$.ajax({
method : 'DELETE',
url : '/delete',
data : {_id : e.target.dataset.id }
}).done(function(res){
//성공했을때(200) 실행할 동작
console.log('성공했음');
button.parent('li').fadeOut();
}).fail(function(){
//실패했을때(400) 실행할 동장
});
});
삭제요청이 성공했을때 서버에 있는 게시글은 삭제가 되고
내가 보는 리스트의 게시글을 사라지게 한다.
실패했을때는 에러메시지를 띄우주면 될 듯
'WEB' 카테고리의 다른 글
Node.js로 웹서비스 만들기 15일차 (0) | 2023.02.21 |
---|---|
Node.js로 웹서비스 만들기 14일차 (0) | 2023.02.20 |
Node.js로 웹서비스 만들기 12일차 (0) | 2023.02.16 |
Node.js로 웹서비스 만들기 11일차 (0) | 2023.02.15 |
Node.js로 웹서비스 만들기 10일차 (0) | 2023.02.14 |