JavaScript 26 AJAX

AJAX
Asynchronous Javascript And XML

1. 원격에 함수를 호출할 객체 준비

var xhr = new XMLHttpRequest();

 2. 함수( 또는 정적리소스:HTML, image, css, etc) 주소 준비

xhr.open('GET', 'http://localhost:8080/web02/member/ajax/list.do', true);
 1) 데이터 전송 방식 : GET, POST
 2) 함수 및 정적 리소스 주소
 3) 실행 방법 : 비동기 방식 여부

 주의 : HTML을 다운받은 곳이 아닌 다른 컴퓨터의 자원은 요청할 수 없다.
 

 3. 함수 호출 => 요청 보내기

xhr.send(null);

 

 4. 결과 가져오기

var data = JSON.parse(xhr.responseText).jsonResult.data