[JavaScript] - 비동기

[Irisation23]

1. 동작 원리

1. XMLHttpRequest 객체 생성
2. HTTP 요청(클라이언트 -> 서버)

• open() 함수: 요청 방법, URL, 비동기 여부 지정
• send() 함수: 데이터 송신

3. HTTP 응답 처리(서버 -> 클라이언트)

• onreadystatechange 이벤트
• readyState 속성
• responseText 또는 responseXML

open() 함수

• HTTP 요청에 대한 속성을 지정
• send 함수로 전송하기 위해서 내부적으로
• 속성을 설정하는 작업만 함
• GET/POST 선택, 접속할 URL 입력, 동기/비동기
  지정

send() 함수

• open에 지정한 속성을 이용하여 HTTP 요청을 전송함
• 웹 서버에 요청 전송
• send가 호출되어야 비로소 연결이 되고, 데이터를 전송함