XML DOM XMLHttpRequest 객체

XMLHttpRequest 객체를 통해 전체 페이지를 다시 로드하지 않고 웹페이지의 일부를 업데이트할 수 있습니다.

XMLHttpRequest 객체

XMLHttpRequest 객체는 배경에서 서버와 데이터를 교환하는 데 사용됩니다.

XMLHttpRequest 객체는 개발자의 꿈입니다. 왜냐하면 다음과 같이 할 수 있기 때문입니다:

  • 페이지를 다시 로드하지 않고 웹페이지를 업데이트합니다
  • 페이지가 로드된 후 서버로 데이터를 요청합니다
  • 페이지가 로드된 후 서버에서 데이터를 수신합니다
  • 뒤로운 배경에서 데이터를 서버로 보냅니다

XMLHttpRequest 객체의 메서드

메서드 설명
abort() 현재 요청을 취소합니다.
getAllResponseHeaders() 헤더 정보를 반환합니다.
getResponseHeader() 지정된 HTTP 응답 헤더의 값을 반환합니다.
open(method,url,async,uname,pswd)

요청의 유형, URL, 요청을 비동기로 처리할지 여부 및 요청의 다른 선택 사항 속성을 지정합니다.

  • method: 요청 유형: GET 또는 POST
  • url: 서버에서 파일의 위치
  • async: true(비동기) 또는 false(동기)
send(string)

요청을 서버로 보냅니다.

string：POST 요청에만 사용
setRequestHeader() 태그/값 쌍을 전송할 헤더에 추가합니다.

XMLHttpRequest 객체의 속성

속성 설명
onreadystatechange 每次 readyState 속성이 변경될 때 자동으로 호출되는 함수(또는 함수 이름)을 저장합니다.
readyState

XMLHttpRequest의 상태를 저장합니다. 0에서 4까지의 변화:

  • 0: 요청이 초기화되지 않았습니다
  • 1: 서버 연결이 설정되었습니다
  • 2: 요청이 수신되었습니다
  • 3: 요청 처리 중
  • 4: 요청이 완료되었으며, 응답이 준비되었습니다
responseText 문자로 응답 데이터 반환.
responseXML XML 데이터로 응답 데이터 반환.
status 상태 번호 반환(예: "404"은 "Not Found", "200"은 "OK").
statusText 상태 텍스트 반환(예: "Not Found" 또는 "OK").