RIA(rich internet application)기반의 기술~~ Ajax, Flex, Miplatform
w3스쿨의 ajax learn항목으로 공부하자!!!
AJax
1. 의미 - Asynchronous JavaScript and XML
(비동기식 자바스크립트와 xml)
2. 주의 - 신기술이 아니라, javascript와 xml을 활용한
새로운 웹개발 방법을 제시할 뿐이다.
3. 부각시점 - 2005년에 구글에 의해 주목받게 됨
4. 기술의 특징 장점
1) 자바스크립트가 서버와 직접적으로 통신할 수 있다.
(XMLHttpRequest 객체를 이용하여)
2) Page단위의 데이터 처리가 아닌 하나의 페이지내에서의
일부만의 데이터 갱신이 가능하다.(Page reloading x)
ex)포털사이트의 검색어 입력시 "추천검색어" 기능
3) 브라우저의 종류와 플랫폼의 독립적이다.
(IE, FireFox, Opera......)
일단 작성된 소스는 각종 브라우져에서 실행됨....
5. ajax 탄생의 배경
Internet Application(웹어플)이 배포하기에 좋고, 간편하며
구현이 간단하다는 장점은 있지만, 데스크탑 응용프로그램시절에
사용했던 강력한 기능은 지원이 되지 않으므로, 기능상의 제한이
많아지게 되었다. 이에 따라 사용자의 요구수준이 응용프로그램 시절의 기능을
요구하게 되었고, 이를 실현하기 위해 사용되는 기술이 RIA이다.
RIA - (Rich Internet Application)
@ RIA기반의 기술 ~~ Ajax, Flex, Miplatform
6. XMLHttpRequest 객체
1) 서버와 통신을 주고 받는 ajax의 핵심객체
2) XMLHttpRequest 생성방법
IE 5,6만 ActiveXObject로 지원
3) 주요속성
- onreadystatechange : 요청후 서버가 응답할때 자동으로 수행되는 기능을 속성
ex) 대부분 서버가 응답했을때 수행될 메서드를 기재
xmlhttp.onreadystatechaneg=function(){
//callback 함수
//사용자가 아닌 시스템에 의해 일어난 이벤트가
//발생했을때 자동으로 호출되는 함수
//구현하고 싶은 내용
}
- readyState : 요청에 대해서 서버의 상황이 어떤지를 판단하는 속성
State Description
0 The request is not initialized : 요청 준비도 않됨
1 The request has been set up : 요청 준비가 끝남
2 The request has been sent : 요청함
3 The request is in process : 요청 처리중
4 The request is complete : 요청 처리 완료
- responseText : 서버가 보낸 텍스트 데이터를 보유하고 있는 속성
ex) 텍스트박스.value=객체.responseText
