자바 중급 (JAVA-Web) 강좌 자료] 요청시 사용되는 XMLHttpRequest 주요 멤버

 

자바 중급 (JAVA-Web) 강좌 자료] 요청시 사용되는 XMLHttpRequest 주요 멤버

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

요청시 사용되는 XMLHttpRequest 주요 멤버

 

—open(method, url [, async]) 함수
요청 방식 구성
method : GET/POST
url : 접속할 URL
async : 비동기(true) / 동기(false)
Ex) open(POST, member/login.jsp, true);
 
—setRequestHeader(name, value) 함수
요청 HTTP의 헤더 구성
Ex) setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //문자 폼 데이터 전송
Ex) setRequestHeader("Content-Type", "multipart/form-data"); //바이너리를 포함하는 폼 데이터 전송

 

readyState 속성
요청 진행 상태에 대한 값
0 (Uninitialized): 객체만 생성되고 아직 초기화되지 않은 상태(open() 메서드가 호출되지 않은 상태) 
1 (Open): open() 메서드가 호출되고, 아직 send() 메서드가 호출되지 않은 상태
2 (Sent): send() 메서드가 호출되었지만, 아직 응답이 도착하지 않은 상태
3 (Receiving): 응답의 일부를 받은 상태 
4 (Loaded): 응답 전부가 도착, 응답 데이터 이용가능 상태

onreadystatechange 속성
readyState 속성값이 변경될 때마다 호출되는 콜백 함수 지정
Ex) onreadystatechange = callbackFun;
send([body]) 함수
요청 전송
varBody : POST일 경우, 바디 내용
Ex) send(mid=white&mpassword=123);

 

 

 

 

 

 

 

 

자바 중급 (JAVA-Web) 강좌 자료] XMLHttpRequest 객체

 

자바 중급 (JAVA-Web) 강좌 자료] XMLHttpRequest 객체

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

 

XMLHttpRequest 객체

 

웹 서버와 데이터를 주고 받을 때 사용
비표준, 그러나 대부분의 브라우저에서 지원
인터넷 익스플로러 4.0 이후
파이어폭스(Firefox) 1.0 이후
오페라(Opera) 7.6 이후
사파리(Safari) 1.2 이후
네스케이프(Netscape) 7 이후
컨쿼러(Kongqueror) 3 이후


 

 

자바 중급 (JAVA-Web) 강좌 자료] JSON을 이용한 클래스 정의

 

자바 중급 (JAVA-Web) 강좌 자료] JSON을 이용한 클래스 정의

 

 

 

 


실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

JSON을 이용한 클래스 정의

 

//클래스 선언(생성자 선언)

클래스이름 = function([파라미터,]) {

  [this.속성이름 = 파라미터; ...]

}

//속성 및 메서드 선언

클래스이름.prototype = {

  [속성이름: , ]

  [메소드이름: function([파라미터,]) { }, ]

}

 

자바 중급 (JAVA-Web) 강좌 자료] JSON 표기법

 

자바 중급 (JAVA-Web) 강좌 자료] JSON 표기법

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

JSON 표기법

JavaScript Object Notation
JavaScript로 개체를 표현하는 또다른 방법
개체 생성법

     var 변수 = {

      [속성이름:, ]

      [메소드이름: function([파라미터]) { }, ]

}

배열 생성법

    var 변수 = [0, 1, 2, ]

 

 

 

 

자바 중급 (JAVA-Web) 강좌 자료] 클래스 작성법

 

자바 중급 (JAVA-Web) 강좌 자료] 클래스 작성법

 

 

 


실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

 

클래스 작성법

 

 

//클래스 선언(생성자 선언)

클래스이름 = function([파라미터,]) {

  [this.속성이름 = 파라미터; ...]

}

//속성 선언

클래스이름.prototype.속성이름 = [|null];

//메서드 선언

클래스이름.prototype.메소드이름 = function([파라미터,]) {

 

}


 

 

자바 중급 (JAVA-Web) 강좌 자료] Ajax에 필요한 JavaScript 기술

 

자바 중급 (JAVA-Web) 강좌 자료] Ajax에 필요한 JavaScript 기술

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

Ajax에 필요한 JavaScript 기술

 

JavaScript 클래스 작성법
JSON(JavaScript Object Notation) 표기법
XMLHttpRequest 객체

 

자바 중급 (JAVA-Web) 강좌 자료] AJAX 동작 방식

 

자바 중급 (JAVA-Web) 강좌 자료] AJAX 동작 방식

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

AJAX 동작 방식

 

 

 

 

 


 

 

자바 중급 (JAVA-Web) 강좌 자료] AJAX 소개

 

자바 중급 (JAVA-Web) 강좌 자료] AJAX 소개

 

 

 

 

실무개발자를위한 실무교육 전문교육센터학원
www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

 

 

 

 

AJAX 소개

Asynchronous JavaScript and XML
자바스크립트로 동적 파일 실행 요청
응답이 오기전에 다른 작업 가능
자바스크립트로 HTML 요소 제어
브라우저의 페이지 전체 갱신이 없음
적용 사례

 

+ Recent posts