Ajax 서버연결 요청

/* AJAX : Asynchronous Javascript And XML 
 1. XMLHttpRequest 객체 생성
 2. onReadyStateChange 속성 사용 --> 서버와의 통신 내용 설정 ==> function
    ajax.readyState : 0 - 초기화
                          1 - 로딩중
                          2 - 로딩완료
                          3 - 서버와의 통신중
                          4 - 서버로부터 데이터 전송 받음 
    ajax.status     : 200 - 전송 중 에러 없음
                        400 - 전송 중 에러 :: 클라이언트로 보낼 페이지가 없음
    
  5. 서버로부터 데이터를 넘겨 받기 --> responseText
 3. 생성된 XMLHttpRequest 객체의 Open() 
 4. Open 된 XMLHttpRequest 객체를 서버로 Send()
 */

서버연결을 한 다음에 전달받은 서버데이터에 따라 행동이 달라지는데 왜 연결 요청이 아래에 있을까 이해가 안돼서 검색해보았다.

Ajax 시작하기 - 웹 개발자 안내서 | MDN (mozilla.org)

Ajax 시작하기 - 웹 개발자 안내서 | MDN

응답받은 후의 행동을 먼저 결정하고, 그 다음에 open()과 send()를 사용해서 서버 연결 요청이 실행되는 것이였다.