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

home2 게시판 Node.js, Express 게시판 게시물 번호 없이 ajax 삭제

게시물 번호 없이 ajax 삭제

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

    서영석
    참가자

    글번호 INT 값으로 삭제가 아니고 _id  : new ObjectId()로 삭제 하려면

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>관리자 페이지</title>
      <link  rel="stylesheet" type="text/css" href="../css/brand.css">

      <style>
        h3 {
          text-align: center;
        }
        h1 {
          text-align: center;
        }
    div.minimalistBlack {
      border: 1px solid #000000;
      width: 100%;
      height:1px;
      text-align: left;
      border-collapse: collapse;
    }
    .divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead {
      border: 1px solid #000000;
    }
    .divTable.minimalistBlack .divTableBody .divTableCell {
      font-size: 13px;
    }
    .divTable.minimalistBlack .divTableHeading {
      background: #CFCFCF;
      background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 88%);
      background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 88%);
      background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 88%);
      border-bottom: 0px solid #000000;
    }
    .divTable.minimalistBlack .divTableHeading .divTableHead {
      font-size: 15px;
      font-weight: bold;
      color: #000000;
      text-align: left;
    }
    .minimalistBlack .tableFootStyle {
      font-size: 14px;
      font-weight: bold;
      color: #000000;
      border-top: 0px solid #000000;
    }
    .minimalistBlack .tableFootStyle {
      font-size: 14px;
    }
    /* DivTable.com */
    .divTable{ display: table; }
    .divTableRow { display: table-row; }
    .divTableHeading { display: table-header-group;}
    .divTableCell, .divTableHead { display: table-cell;}
    .divTableHeading { display: table-header-group;}
    .divTableFoot { display: table-footer-group;}
    .divTableBody { display: table-row-group;}
      </style>
    </head>
    <body>
      <header>
        <%- include('nav2.ejs') %>
    </header>
    &nbsp;
    <div></div>
    <h3>회원목록 조회</h3>
    <div></div>
    &nbsp;
    <div class="divTable minimalistBlack">
      <div class="divTableHeading">
        <div class="divTableRow">
        <div class="divTableHead">고유번호</div>
        <div class="divTableHead">이름</div>
        <div class="divTableHead">성별</div>
        <div class="divTableHead">아이디</div>
        <div class="divTableHead">비밀번호</div>
        <div class="divTableHead">주소</div>
        <div class="divTableHead">휴대폰번호</div>
        <div class="divTableHead">삭제</div>
        <div class="divTableHead">수정</div>
        </div>
      </div>
      <div class="divTableBody">
        <% for(var i=0; i<members.length; i++) {%>  
        <div class="divTableRow">
          <div class="divTableCell"><%=members[i]._id%></div>
          <div class="divTableCell"><%=members[i].이름%></div>
          <div class="divTableCell"><%=members[i].성별%></div>
          <div class="divTableCell"><%=members[i].id%></div>
          <div class="divTableCell"><%=members[i].pw1%></div>
          <div class="divTableCell"><%=members[i].주소%></div>
          <div class="divTableCell"><%=members[i].휴대폰번호%></div>
          <div class="divTableCell"><button type="button"  class="delete3"  data-id="<%=members[i]._id %>">탈퇴</button></div>
          <div class="divTableCell"><button type="button"  class="update"  data-id="<%=members[i]._id %>">수정</button></div>
          </div>
          <% } %>
      </div>
    </div>
    <div>
      <a href="/join"><h1>고객등록</h1></a>
    </div>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
      $('.delete3').click(function(e){
        var 고유번호 = e.target.dataset._id;
        var 지금선택한거 = $(this);
        $.ajax({
          method : 'DELETE',
          url : '/delete3',
          data : { _id : 고유번호 }
        }).done((결과)=>{
          console.log('성공했어욤');
          지금선택한거.parent('divTableRow').fadeOut();
        })
       
      });
    </script>

    </body>
    </html>

    _id를 objectid를 어떻게 싸서 삭제요청을 하면 되는지 예시를 들어 설명을 받고싶습니다.

     

    서버코드

    app.delete('/delete3', (req, res)=>{
      db.collection('login').deleteOne({_id : toString(ObjectId(req.body._id))}, function(error, result){
        console.log(result)
      });
      res.send('delete success');
    });

    #33453

    codingapple
    키 마스터

    res.send('delete success'); 는 윗윗줄로 옮겨야할듯요 

    db에 저장된게 _id : ObjectId() 이런거면 

    deleteOne({_id : ObjectId(req.body._id) }, 이렇게만 해도 될듯요 

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 호 / 개인정보관리자 : 박종흠