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)

    {

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

    }

}

번호 제목 글쓴이 날짜 조회 수
30 연속해서 스트림 받기 (flush data from servlet to jsp with ajax) 황제낙엽 2013.01.04 5099
29 [JavaScript Tutorials] Handling runtime errors in JavaScript using try/catch/finally (해석중) 황제낙엽 2009.04.08 3198
28 외부 라이브러리 (.js) 의 바람직하지 않은 동적 로딩 (eval함수 이용) 황제낙엽 2012.01.18 2169
27 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 1181
26 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 968
25 Javascript 를 사용하여 Binary File 읽기 황제낙엽 2010.09.29 814
» XMLHttpRequest 의 이벤트 onreadystatechange 황제낙엽 2012.05.30 691
23 진행 상황 추적하기(XMLHttpRequest.readyState) file 황제낙엽 2012.05.23 664
22 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 598
21 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 546
20 XMLHttpRequest.timeout 황제낙엽 2018.11.03 530
19 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 494
18 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 484
17 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 463
16 CORS(Cross-Origin Resource Sharing) - 1 file 황제낙엽 2017.03.07 454
15 [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 file 황제낙엽 2023.02.02 451
14 XMLHttpRequest Specification 황제낙엽 2021.04.29 450
13 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 431
12 XMLHttpRequest.setRequestHeader 황제낙엽 2013.09.30 428
11 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 427