본문 바로가기

WEB

Node.js로 웹서비스 만들기 13일차

삭제버튼을 클릭했을때

서버에 있는 게시글을 지우고

서버에서 성공 / 실패 여부를 알려준다 (서버응답코드)

 

//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) 실행할 동장
	});

});

 

삭제요청이 성공했을때 서버에 있는 게시글은 삭제가 되고

내가 보는 리스트의 게시글을 사라지게 한다.

 

실패했을때는 에러메시지를 띄우주면 될 듯