참고용 url : https://learn.codeit.kr/api/members
1. PUT request : 기존 직원의 정보를 수정
저번에 추가했던 새 직원 '신짱구' 의 부서를 engineering 에서 marketing 으로 옮기고자 함
const member = {
name: '신짱구',
email: 'zzangu123@codeitmall.kr',
department: 'marketing',
};
fetch('https://learn.codeit.kr/api/members/6', {
method: 'PUT',
body: JSON.stringify(member),
})
.then((response) => response.text())
.then((result) => { console.log(result); });
기존 직원의 정보를 수정하기 위해서 id 값을 입력, 또한 자바스크립트 객체를 JSON 데이터로 변환하므로 stringify 메소드 사용
직원의 부서가 잘 변경된 것을 확인할 수 있음.
2. DELETE request : 기존 직원의 정보를 삭제
직장이 잘 맞지 않아 퇴사를 한 직원 '신짱구' 의 정보를 삭제하고자 함
fetch('https://learn.codeit.kr/api/members/6', {
method: 'DELETE',
})
.then((response) => response.text())
.then((result) => { console.log(result); });
DELETE request 의 경우, body 프로퍼티는 필요하지 않음.
퇴사한 직원의 정보가 잘 삭제되었음.
'JavaScript > Web Development' 카테고리의 다른 글
[JavaScript] fetch 함수와 비동기 실행 (0) | 2023.02.28 |
---|---|
[JavaScript] Status code (상태코드) (0) | 2023.02.28 |
[JavaScript] GET/ POST request 보내기 (0) | 2023.02.28 |
[JavaScript] Request 의 Head/ Body (0) | 2023.02.27 |
[JavaScript] 객체 변환 JSON 데이터 (0) | 2023.02.21 |