ajax가 안먹히는거 같습니다

[최재용]

새로고침시 ajax에 의해 id가 1인 data가 삭제되고 삭제완료 문구가 출력 되어야 하는데 list 페이지를 새로고침해도 app.list까지만 출력 되고 app.delete의 문구는 출력이 안되네요

 

<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(){
          $.ajax({
            method : 'DELETE',
            url : '/delete',
            data : { _id : 1 }
          }).done(function(결과){
            console.log("삭제완료")
          })
        });
      </script>

ejs에 문제가 있는걸까요?

[codingapple]

서버엔 코드를 어떻게 적었습니까 

[최재용]

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

서버에는 이렇게 적었고 list에서 삭제 버튼을 눌러도 반응은 없는데

리스트 페이지 새로고침하면 

{ _id: 1, '할일': '자기', '날짜': '1125' },
{ _id: 2, '할일': '쉬기', '날짜': '1125' },
{ _id: 3, '할일': '임시', '날짜': '1128' },
{ _id: 4, '할일': '임시2', '날짜': '1129' }

요렇게 출력되요

[최재용]

 

개발자 모드에서 삭제 누르면 이렇게 뜹니다

[codingapple]

jquery slim버전이 하단에 있나봅니다 지워봅시다

[최재용]

해결됬습니다!

[글쓴이]

글