반응형
XHR 객체
XMLHttpRequest
- AJAX 통신을 하기위한 자바스크립트 기본 내장 객체
- IE 예전 버전에는 존재하지 않는 객체이며 AJAX 기술은 ActiveX 를 이용해 구현된다.
- 크로스브라우징 처리가 필요하다.
- XHR 객체 속성(property)
- readyState
- XHR 객체는 준비 - 전송 - 완료 단계를 거친다. (LifeCycle)
- readyState 는 각 단계를 표현하는 속성
- 0 : UNSENT : open() 호출 전 (XHR 객체를 생성한 단계)
- 1 : OPENED : open() 호출 후
- 2 : HEADERS_RECEIVED : send() 호출 후 응답을 받기 전까지
- 3 : LOADING : 다운로드 중(response 메시지를 받는 중)
- 4 : DONE : XHR 동작 완료(요청, 응답이 완료 된 상태)
- onreadystatechange
- readyState 가 변경될 때마다 실행되는 이벤트 리스너, callback 함수로 값을 지정한다.
- status : HTTP 응답 상태코드
- statusText : HTTP 응답 상태 메시지
- 상태 코드(Status) 는 번호 (200, 404, 405, 500 등)
- 상대 메시지(StatusText) 는 설명 (OK, Not Found, Method Not Allowed 등)
- responseText
- 응답 데이터를 String 타입으로 추출(파싱)하는 속성
- responseXML
- 응답 데이터를 XML 타입으로 추출(파싱)하는 속성
- status
- statusText
- readyState
- XHR 객체 메소드
- void open(String method, String url, [boolean asynch])
- AJAX 요청 정보를 초기화 하는 함수, 요청 정보에 알맞게 설정하는 함수
- method - HTTP 요청 메소드를 지정
- url - HTTP 요청 URL 을 지정
- asynch - true(비동기식), false(동기식) / 기본값은 true
- asynch 를 동기식(false) 으로 설정하면 요청에 대한 응답이 완료될 때 까지 브라우저는 대기상태(BLOCKED)가 된다.
- void send(null)
- GET 요청 전송 함수
- 전달 파라미터는 open() 함수의 url 지정할 때 쿼리스트링으로 포함시킨다
- void send(params)
- POST 요청 전송 함수
- 전달파라미터를 쿼리스트링 형식의 문자열로 params 로 넣어 포함시킨다
- void open(String method, String url, [boolean asynch])
반응형
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 Paging (페이징에 필요한 데이터) 변수 포함 (0) | 2020.10.10 |
---|---|
[JavaScript] 자바스크립트 JSON, JavaScript Object Notation (0) | 2020.10.10 |
[JavaScript] 자바스크립트 Ajax 란 (0) | 2020.10.10 |
[JavaScript] 자바스크립트 정규 표현식, Regular Expression (0) | 2020.10.09 |
[JavaScript] 자바스크립트에서 제공하는 기본 대화상자 (0) | 2020.10.09 |