[Ajax] 서버로부터의 응답(response) - readyState 프로퍼티, status 프로퍼티, statusText 속성, onreadystatechange 프로퍼티

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

서버로부터의 응답(response)

Ajax에서 서버로부터의 응답을 확인하기 위해 사용하는 XMLHttpRequest 객체의 프로퍼티는 다음과 같습니다. (XMLHttpRequest Ajax 속성; XHR의 속성)

 

·       readyState 프로퍼티

·       status 프로퍼티

·       onreadystatechange 프로퍼티

 

 

 

readyState 프로퍼티

readyState 프로퍼티는 XMLHttpRequest 객체의 현재 상태를 나타냅니다.

Ajax 개체의 상태를 나타내는 숫자로 읽기 전용 속성입니다.

 

readyState 프로퍼티의 값은 객체의 현재 상태에 따라 다음과 같은 주기로 변화합니다.

상태

코드값

설명

UNSENT

0

XMLHttpRequest 객체가 생성된 상태입니다.

OPENED

1

open()메소드가 성공적으로 실행한 상태입니다.

HEADERS_RECEIVED

2

모든 요청에 대한 응답이 도착한 상태입니다.

LOADING

3

요청한 데이터를 처리 중입니다.

DONE

4

요청한 데이터의 처리가 완료되어 응답할 준비가 완료된 상태입니다.

 

 


 

status 프로퍼티

status 프로퍼티는 서버의 문서 상태를 나타냅니다.

서버로부터 받은 응답의 상태를 나타내는 숫자로 읽기 전용 속성입니다.

 

상태 코드

상태 설명

200

·       서버에 문서가 존재합니다.

·       정상적으로 응답을 받은 경우

404

·       서버에 문서가 존재하지 않습니다.

·       페이지를 찾지 못한 경우

 

 

 

statusText 속성

서버로부터 받은 응답의 상태를 나타내는 문자열로 읽기 전용 속성입니다.

 

문자열

설명

OK

정상적으로 응답을 받은 경우

Not Found

파일을 찾지 못한 경우

 

 

 

 

onreadystatechange 프로퍼티

onreadystatechange 프로퍼티는 XMLHttpRequest 객체의 readyState 프로퍼티 값이 변할 때마다 자동으로 호출되는 함수를 설정합니다.

이 함수는 서버에서 응답이 도착할 때까지 readyState 프로퍼티 값의 변화에 따라 총 5번 호출됩니다. 이 프로퍼티를 이용하면 서버에 요청한 데이터가 존재하고, 서버로부터 응답이 도착하는 순간을 특정할 수 있습니다.