3 글 보임 - 1 에서 3 까지 (총 3 중에서)
-
글쓴이글
-
2023년 4월 23일 12:07 #78611
권은지참가자<!doctype html> <html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<title>Hello, world!</title> </head> <body> <nav class="navbar navbar-expand-lg navbar-light bg-light"> Todo App <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item active"> Home <span class="sr-only">(current)</span>
<li class="nav-item"> Write
<li class="nav-item"> Pricing
</div> </nav>
<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>글번호: <%= posts[i]._id %></p> <h4>할일 제목: <%= posts[i].title %><h4> <p>할일 마감날짜: <%= posts[i].date %></p> <button class = "delete" data-id = "<%= posts[i]._id %>">삭제</button><% } %>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script> $('.delete').click(function(e){ //e.target = 지금 클릭한 것 //this = 지금 이벤트 동작하는 곳 var postNum = e.target.dataset.id;$.ajax({ method : 'DELETE', url : '/delete', data: {_id: postNum} }).done((result)=>{ console.log('성공성겅'); console.log($(this).parent('li')); $(this).parent('li').fadeOut(); }).fail(function(xhr, textStatus, errorThrown){ //요청 실패시 실행할 코드 //응답코드, 에러메세지 출력 console.log(xhr, textStatus, errorThrown); }); })</script>
<!-- Bootstrap --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> </body> </html> ------------------------------------------------------------------------------------ '성공성겅'과 그 밑에 줄까지는 로그에 뜨는데 화면상에서 게시글이 사라지지 않습니다. 작은따옴표 -> 큰따옴표도 해봤는데 안되고.. 뭐가 문제인가요?
-
글쓴이글
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
- 답변은 로그인 후 가능합니다.