신동해

Update list.ejs : add delete button

...@@ -31,10 +31,31 @@ ...@@ -31,10 +31,31 @@
31 </ul> 31 </ul>
32 </div> 32 </div>
33 </nav> 33 </nav>
34 + <h4 class="ml-2 my-3">서버에서 가져온 할 일 리스트</h4>
35 + <ul class="list-group">
36 + <% for (var i = 0; i < posts.length; i++){ %>
37 + <li class="list-group-item">
38 + <h4>할 일 제목 : <%= posts[i].제목 %></h4>
39 + <p>할일 마감날짜 : <%= posts[i].날짜 %></p>
40 + <button>삭제</button>
41 + </li>
42 + <% } %>
43 + </ul>
44 +
45 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
46 + <script>
47 +
48 + $.ajax({
49 + method : 'DELETE',
50 + url : '/delete',
51 + data : {_id : 1} // 요청보낼 때 삭제할 게시물 번호 함께 전송
52 + }).done(function(결과){
53 + // 요청이 성공하면 실행할 것들
54 + })
55 +
56 + </script>
57 +
34 58
35 - <!--서버에서 가져온 할 일 리스트-->
36 - <h4>할일 제목 : <%= %></h4>
37 - <p>할일 마감날짜 : ???</p>
38 59
39 <!-- Optional JavaScript; choose one of the two! --> 60 <!-- Optional JavaScript; choose one of the two! -->
40 61
......