AJAX로 삭제요청하기 2 (서버는 뭘해야하나)

[성유나]

<h1>list.ejs</h1>
<ul class="list-group">
    <% for (var i = 0; i < posts.length ; i++){ %>
        <li class="list-group-item">
        <p>글번호 : <%= posts[i]._id %> </p>
        <h4>할일 제목: <%= posts[i].제목 %> </h4>
        <p>할일 마감날짜: <%= posts[i].날짜 %></p>
   <button class="delete" data-id="<%= posts[i]._id %>">삭제</button>
</li>
<% } %>
</ul>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<script>
$('.delete').click(function(e){
     var 글번호 = e.target.dataset.id;
      $.ajax({
     method : 'DELETE',
     url: '/delete',
    data: {_id : 글번호}
}).done(function(결과){

});
})
<h1>server.js</h1>
app.delete('/delete', function (req, res) {
console.log(req.body);
req.body._id = parseInt(req.body._id);
// req.body에 담겨온 게시물번호를 가진 글을 db 에서 찾아서 삭제해주세요
db.collection('post').deleteOne(req.body, function (error,result) {
console.log('삭제완료');
})
})

선생님, 

delete 빼면 전부 다 잘 따라왔습니다 ㅠ

delete 부분에서 id:_1 이런식으로 바로 적으면 되는데,

마지막 코드에서 안되네요. 수업을 여러번 다시 듣기 하고 코드를 지워도 잘 안되고

다른 코드들도 주석처리해서 에러 다 잡았는데 이것 만큼은 ㅠㅠ 도저히 뭐가 문제인지 모르겠습니다

[성유나]

해결했습니다.

slim 은 제이쿼리 시작할 때만 지웠습니다 . 원래 기존의 부트스트랩은 안 건들였습니다.

그런데도 버튼이 작동이 안되서 자포자기 하는 심정으로 다음 강의를 계속 하면서 개발자 모드를 켜니

에러가 떠서 구글을 보니, 최신버전과 부트스트랩의 버전이 안 맞으면 그럴수도 있다길래

다시 부트스트랩 가서 css 부분과 밑에 부트스트랩 부분을 복붙해서 넣고

slim 을 다 지웠더니 되네요.... 이거하나로 몇시간을 날렸는지... 

선생님 잘 보고있습니다!

[성유나]

선생님 그런데 복습 차원으로 2배속으로 듣는데 

10초 후에 잠시 멈춤하고 10초 강의하고 또 멈춤하고 

2배속이라 그런가싶어서 버퍼링 하는거 기다리고 다시 재생해도 똑같아요 ㅠㅠㅠㅠ

[codingapple]

인터넷 회선이 불안정하면 가끔 그렇습니다 

[글쓴이]

글