ajax로 삭제요청하기 2 (서버는 뭘해야하나) 강의 질문

[Ropher Kwon]

`html:list.ejs

      <h4 class="ml-2 my-3">서버에서 가져온 할일 리스트</h4>
      <ul class="list-group">
        <% for (var i = 0; i < posts.length; i++){ %>
        <li class="list-group-item">
          <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){
          $.ajax({
            method : 'DELETE',
            url : '/delete',
            data : { _id : e.target.dataset.id }
          }).done(function(결과){
            //AJAX 성공시 실행할 코드는 여기
          })
        });
      </script>

 

`

 

`javascript:server.js

app.delete("/delete", function(요청, 응답) {
    console.log(요청.body);
    요청.body._id = parseInt(요청.body._id);
    db.collection('post').deleteOne(요청.body, function(에러, 결과) {
        console.log("삭제완료");
        if (에러) {
            console.log(에러);
        }

    });
})

`

 

이렇게 했는데 이게 안되네요... 1번 요소 삭제하는 것 까지는 잘 해가지고 아마 js 파일에는 문제가 없는 것 같고, button에 delete 클래스 잘 넣었고 data-id도 잘 할당되는데 아마 ajax 문제려나요? 근데 ajax도 코딩애플님 코드 복붙했는데 그래도 데이터베이스에서 지워지지가 않네요. 새로고침 해도 똑같고.

[codingapple]

console.log(요청.body); 서버에서 출력해보면 삭제 원하는 글id가 잘 들어있나요 

[Ropher Kwon]

답장 늦어서 죄송합니다. 좀 바빠서 요즘 강의를 못 들었네요. 다시 분발하여 시작해 보겠습니다.

 

console.log(요청.body)가 출력되지 않습니다. 왜 이런 문제가 발생하는 걸까요?

[codingapple]

undefined 아니면 null 이런게 출력되면 요청시 e.target.dataset.id 이런게 없거나 그런경우고 

아무것도 안뜨면 html파일에서 요청하는 코드가 이상하거나 jquery 설치파일이2개거나 서버에 app.delete가 하나 더 있는듯요 

[조민수]

잘못올렸씁니다..

[글쓴이]

글