크롬 콘솔에는
Uncaught TypeError: $.ajax is not a function
at HTMLButtonElement.<anonymous> (list:79)
at HTMLButtonElement.dispatch (jquery-3.4.1.min.js:2)
at HTMLButtonElement.v.handle (jquery-3.4.1.min.js:2)
코드는 이렇습니다만... 거의 4시간 코드만 보다가 문의 드립니다. 살리 주세요..
<h4 class ="ml-2 my-3">서버에서 가져온 할일 리스트 </h4>
<ul class="list-group">
<% for (var i = 0; i < posts.length; i++){ %>
<li class="list-group-item" >
<p>할일 ID : <%= 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){
$.ajax({
method: 'DELETE',
url:'/delete',
data: {_id:e.target.dataset.id}
}).done((result)=>{
console.log('성공!');
console.log(this);
$(this).parent('li').fadeOut();
}).fail((xhr, textStatus, errorThrown)=>{
console.log(xhr, textStatus, errorThrown);
});
})
</script>
