sitelink1  
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

onreadystatechange에 등록된 callback fuction은 readyState라는 프로퍼티의 값이 변경될 때마다 호출됨


* readyState 상태

 값

 설명

 의미

 0

 객체만 생성 (open 메서드가 호출되지 않음)

 UnInitialized

 1

 open 메서드가 호출되고 아직 send 메서드가 불리지 않은 상태

 Loading

 2

 send메서드 호출, status아 헤더가 도착하지 않은 상태

 Loaded

 3

 데이터의 일부를 받은 상태

 Interactive

 4

 데이터 전부 받은 상태, 완전한 데이터의 이용 가능

 Completed


* status/stateText - 서버로부터의 응답상태.    

 값(status)

 텍스트(statusText)

설 명 

 200

 OK

 요청 성공

 403

 Forbidden

 접근 거부

 404

 Not Found

 페이지 없슴

 500

 Internal Server Error

 서버 오류 발생



Example>

httpRequest.onreadystatechange = callbackFunction;

httpRequest.open("GET", "/test.JSP", ture);

httpRequest.send(null); //요청을 보내고

...


//서버에서 응답을 받은 후 수행하는 함수를 콜백 함수라 한다.

function callbackFunction() //요청을 받는다.

{

     //서버에서 응답온 후 적절한 작업을 수행

    if(httpRequest.readyState == 1 || httpRequest.readyState == 2 || httpRequest.readyState == 3)

    {

        // 서버에서 처리 시간이 길어져 응답이 늦게 도착할때 이 상태를 이용해서 현재 서버가 처리중임을 알리는 내용을 화면에 출력한다.

        // 단 브라우저마다 readyState의 2, 3 번 값이 틀리기 때문에 크로스 브라우저를 지원하기 위해서는 1번과 4번만 사용하는 것이 유용하다.

    }

    else if(httpRequest.readyState == 4)

    {

         //서버로부터 응답이 도착

    }

}

번호 제목 글쓴이 날짜 조회 수
27 [JavaScript Tutorials] Handling runtime errors in JavaScript using try/catch/finally (해석중) 황제낙엽 2009.04.08 2784
26 연속해서 스트림 받기 (flush data from servlet to jsp with ajax) 황제낙엽 2013.01.04 2428
25 외부 라이브러리 (.js) 의 바람직하지 않은 동적 로딩 (eval함수 이용) 황제낙엽 2012.01.18 1851
24 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 880
23 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 648
22 Javascript 를 사용하여 Binary File 읽기 황제낙엽 2010.09.29 500
» XMLHttpRequest 의 이벤트 onreadystatechange 황제낙엽 2012.05.30 412
20 진행 상황 추적하기(XMLHttpRequest.readyState) file 황제낙엽 2012.05.23 324
19 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 261
18 XMLHttpRequest.timeout 황제낙엽 2018.11.03 248
17 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 231
16 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 139
15 CORS(Cross-Origin Resource Sharing) - 1 file 황제낙엽 2017.03.07 135
14 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 125
13 Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 93
12 XMLHttpRequest.setRequestHeader 황제낙엽 2013.09.30 62
11 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 58
10 CORS(Cross-Origin Resource Sharing) - 3 file 황제낙엽 2017.03.07 45
9 [펌] TAEYO.NET - JavaScript OOP 스트레칭 황제낙엽 2009.04.02 27
8 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 26