SeSAC 63일차 / JavaScript

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