XMLHttpRequest 에서 사용가능한 매소드와 프로퍼티들 ::: ez2web.com :::

XMLHttpRequest 에서 사용가능한 매소드와 프로퍼티들

name: 뉴크 read: 1048 date: 07.06.11

http://ez2web.com/blog/94

포스트 본문

지난 포스트에서 XMLHttpReqeust 객체를 생성하는 방법에 대해 알아봤었습니다
이번에는 실제로 생성된 객체에서 사용가능한 Methods와 Properties들에 대해 알아보려고 합니다.
우선 지난번에 설명드렸던 것과 같이 해당 기술은 아직은 웹표준이 아니기 때문에
각 브라우저 별로 그 구현에 있어 약간의 차이점을 가지고 있습니다.
그러나 다행스러운 것은 대부분이 IE의 표준을 따라가고 있으며 큰 차이가 없다는 것입니다.

아래 내용은 지난번 포스트 하단에 있던 참고 사이트를 참고로 정리한 내용으로
크로스 브라우징을 위해 공통적으로 사용가능한 부분만을 정리한 것입니다.

XMLHttpRequest 에서 사용 가능한 Method 들

open(method, url, [async], [user, password]): method - HTTP Method 를 결정
url - 요청할 URL
async - 비동기 요청 방식 설정 true(비동기)|false(동기), 생략시 true
비동기 요청시에는 onreadystatechange 사용 하여 콜백 함수 호출 가능
동기 요청시 응답이 올때까지 대기함
user, password - HTTP 인증을 위한 사용자 아이디와 패스워드

send(sendValue): 실제로 요청을 URL로 전달하는 메소드로
GET 메소드는 NULL, POST 메소드는 전송할 데이터를 인자로 사용

setRequestHeader(nmHedaer, contentHeader): 요청에 헤더 정보를 추가함

getResponseHeader(nmHeader): 응답으로 전달 받은 헤더중 해당 내용

getAllResponseHeaders(): 응답으로 전달 받은 헤더 전체 내용

abort(): 요청을 중지시킴, open 이후에 와야하며 send 이후에 올경우 에러 발생

XMLHttpRequest 에서 사용 가능한 Properties 들

onreadystatechange: 요청에 대한 응답상태가 변경되었을 때 해당 어트리뷰트가 호출됨
이를 이용해 콜백 함수를 구현함

status: 요청에 대한 HTTP 응답 코드
200 - OK(요청 성공)
401 - Unauthorized(권한 없음)
404 - Not Found(페이지 없음)
500 - Internal Server Error(서버 내부 오류) 등

statusText: 요청에 대한 HTTP 응답 텍스트
status 참고 내용의 영문 메시지 참조

readyState: 요청에 대한 응답 상태 코드
0 - UNINITALIZED : 오브젝트만 생성되어 있음, open 메소드 호출 이전
1 - LOADING : send 메소드 호출 이전
2 - LOADED : send 메소드는 호출하였으나 아직 응답 도착 하지 않음
3 - INTERACTIVE : 응답의 일부만 완료
4 - COMPLETED : 응답 완료

responseText: 요청에 대한 TEXT 형식의 결과를 반환

responseXML: 요청에 대한 XML DOM 형식의 결과를 반환

참고로 비교적 최근까지 사용되던 Opera 8.0 버젼의 경우에는
onreadystatechange 프로퍼티에 일부 버그가 있어 onload 를 사용하는것이 좋습니다
그러나 onload 메소드는 IE 등에서는 구현이 되어 있지 않은 메소드 입니다.
또한 setRequestHeader 메소드 역시 Opera 8.0 에는 구현되어 있지 않습니다.
그러나 위 두가지 내용은 Opera 8.01 이후로 해결 되었으며 크게 중요하지는 않을듯 합니다.

그리고 위에는 적지 않았지만 각 브라우저별로 타브라우저에서는 사용하지 않는
메소드나 프로피터를 제공하기도 하니 Reference 를 참고하시기 바랍니다.

이상으로 XMLHttpRequest 객체 생성을 통해 사용가능한
메소드와 프로퍼티(어트리뷰트)들에 대해 알아보았습니다.

다음에는 이를 이용해 간단히 사용가능한 코드를 작성해보도록 하겠습니다.

댓글/트랙백

블루 2008.05.07 EDIT 잘 담아갑니다..감사합니다..^^

댓글/트랙백

이글의 트랙백 주소: http://ez2web.com/blog/tb.asp?seqPost=94 입니다.
UTF-8 인코딩 트랙백의 경우 데이터가 깨져 보이지만 24시간 이내에 정상적으로 수정 합니다.
시간이 지나도 정상적으로 트택백이 남겨지지 않으면 댓글로 남겨주세요 ㅜㅜ;

사이트 이동 메뉴

포스트 본문

포스트 관련 키워드

댓글/트랙백

댓글/트랙백

포스트 이동 메뉴

최근 댓글

최근 트랙백

카테고리