XMLHttpRequest 객체

XMLHttpRequest 객체는 서버와 데이터 교환시(상호작용)에 사용되며, 전체 페이지의 새로고침없이 서버에서 데이터를 받는 것이 가능합니다. 이것을 통해 페이지를 사용하고 있는 행동을 방해하지 않고 페이지의 일부를 업데이트하는 것도 가능하겠죠!

XMLHttpRequest 객체의 생성

var 변수이름 = new XMLHttpRequest() // 인스턴스 생성

서버에 요청(request)

XMLHttpRequest 인스턴스의 open()메소드를 이용해 요청을 초기화하고, send()메소드를 이용해 서버로 요청 합니다.

1. open() 메소드

open() 메소드는 서버로 보낼 Ajax 요청의 형식을 초기화합니다. 어떤 방식으로 누구에게 데이터를 보내야 할지 결정합니다.

open(전달방식, URL주소, 동기여부);

• 전달 방식(요청을 전달할 방식) :  GET 방식, POST 방식
• URL 주소 : 요청을 처리할 서버의 파일 주소 URL
• 동기 여부 : 동기, 비동기 설정

2. send() 메소드

send() 메소드는 open()메소드로 작성한 Ajax 요청을 서버로 보냅니다. 비동기식으로 설정 후 전송할 경우, 바로 리턴되고, 동기식일 경우 서버에서 응답이 올 때까지 대기합니다.

send();       // GET 방식
send(문자열); // POST 방식

GET 방식과 POST 방식 HTTP 요청

1. GET