• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 삭제 기능 jsvascript

삭제 기능 jsvascript

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #23060

    고대건
    참가자

    <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 : e.target.dataset.id}
              }).done(function(결과){
                //AJAX 성공시 실행할 코드는 여기
              })
            });
          </script>
       

        <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>

        <!-- Option 2: Separate Popper and Bootstrap JS -->
       
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
    ----------------------------------------------------------------------------------------------------

    삭제 기능 구현하는 자바스크립트 코드를 작성하는데 에러가 나서 삭제가 안됩니다. 강의 밑에 코드 복사해서  넣어도 안되서 질문 드립니다

     


     

    #23069

    codingapple
    키 마스터

    .click(function(e){

    e가 빠진듯합니다 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠