SeSAC 63일차 / JavaScript

Bay Im 2023. 10. 24. 01:02

SeSAC 63일차(2023-10-20)
JavaScript

자바 스크립트

ajax

생성자 함수를 통해 XMLHttpRequest 인스턴스(객체) 생성

const xhr = new XMLHttpRequest();

onload 이벤트 프로퍼티에 서버로부터의 응답이 완료되었는지 확인하는 코드 작성

xhr.onload = () => {
    if (xhr.readyState === xhr.DONE && xhr.status === 200) {
        const responseData = xhr.responseText; // responseText: 서버로부터 받은 응답 데이터, 직렬화된 상태의 문자열 데이터터
        const result = JSON.parse(responseData); // JSON 역직렬화
        console.log(result); 
    }
}

요청 준비(open(method, url, async, ..))

const url = '<https://jsonplaceholder.typicode.com/users/1>';
xhr.open('GET', url);

요청 실제 전송

xhr.send();

오늘의 실습 코드: https://github.com/yubin-im/SeSAC/tree/main/20231020

728x90