AJAX로 삭제요청하기 1 (HTML 파일 구성) 수업에서

[남우현]

ajax 요청 보낼 때 제이쿼리 써서 보내지 않습니까,,??

이런 식으로 알려주셨는데 이거 제이쿼리 없이 자바스크립트로만 쓰는 코드도 혹시 알려주실 수 있을까요?

이상한 고집이기는 하지만 바닐자 js로 프로젝트 하는 게 목표라 꼭 알고 싶습니다,,,!!

[codingapple]

https://stackoverflow.com/a/71078875
이런거 씁시다

[남우현]

링크 달아주신 거 참고하고 delete 요청 보낼 때 데이터 실어 보내는 것까지 더 찾아봐서


이런 코드를 만들어 보았는데요, 버튼 누르면 콘솔창에 undefined만 뜹니다,,, 뭐가 잘못된걸까요,,,??

[codingapple]

delete요청은 가끔 body가 안가서 post요청으로 바꿔봅시다

[남우현]

POST 요청으로 바꾸고 server.js도 app.post로 바꿔봤으나 역시 같은 반응입니다.
혹시나 해서 PATCH로도 바꿔봤는데 효과 없습니다.
일단 눈물을 머금고 제이쿼리를 쓰도록 하겠습니다,,,!!
혹시나 다른 방법이 있다거나 위 코드에서 header나 body에 문제가 있다거나 하는 걸 발견하신다면 말씀부탁드립니다,,!!
여러 답변 정말 감사드립니다!

[codingapple]

fetch 전에 e.target.dataset.id 부터 잘나오나 출력해봅시다

[남우현]

e.target.dataset.id 확인해봤는데 브라우저 콘솔창에 잘 찍힙니다.
fetch() 함수에서 두 번 째 인자로 method, header 등을 오브젝트에 담아서 넘기지 않습니까?
그 오브젝트에 body : {_id: e.target.dataset.id}를 담아서 넘기는 부분에서 문제가 생기는 것 같습니다.
server.js에서 console.log(req)로 냅다 요청 온 메세지를 꺼내봤는데
다른 http 정보는 잘 나오는 반면 body는
body: {}
로만 되어있습니다,,! 정말 어렵군요,,,

[codingapple]

서버파일 위 쯤에 app.use(express.json()) 추가합시다

[남우현]

와 씨 드디어 됐습니다 감사합니다 감사합니다 진짜 감사합니다 감사합니다

[글쓴이]

글