node.js(삭제기능)

GW·2024년 6월 27일

<span class="delete" data-id = "<%= posts[i]._id%>">🗑️</span>

ajax를 통한 삭제기능

<script>
    $(document).ready(() => {
        $(".delete").on('click',function(e){
          var parentElement = $(this).parent();
          $.ajax({
            url: '/delete?id='+ $(this).data('id'),
            type:'DELETE',
          })
          .done(function(response) {
            console.log('문서 삭제 성공:', response);
            parentElement.hide(); // 새로고침 없이 바로 삭제시키기
          })
          .fail(function(xhr, status, error) {
            console.error('문서 삭제 실패:', error);
          });


        })
    })
  </script>

server.js

app.delete('/delete', async(req, res)=>{
    console.log(req.query.id)    
     await db.collection('post').deleteOne({
                         _id : new ObjectId(req.query.id)})  
  // queryString으로 작성한건 요청.query로 데이터를 요청할 수 있다.

        res.send('삭제완료')
})

0개의 댓글