2009년 09월 16일
AJAX 시작하기 :)
AJAX (Asynchronous JavaScript and XML) : 비동기식 자바스크립트와 xml
- 새로운 언어가 아니라 새로운 방법론일 뿐입니다 javascript와 xml 을 활용한 새로운 웹개발 방법을 제시할뿐
2005년에 구글에 의해 주목받게 됨.
- 기술의 특징 · 장점
： 자바스크립트가 서버와 직접적으로 통신할수 있다.(xmlHttpRequest 객체를 이용하여 )
: Page 단위의 데이터 처리가 아닌 하나의 페이지내에서의 일부만의 데이터 갱신이 가능하다
(Page reloading이 일어나지않음) ex) 포털사이트의 검색어 입력시 "추천검색어" 기능
: 브라우져의 종류와 플랫폼의 독립적이다.
일단 작성된 소스는 각종 브라우져에서 (IE,Firefox,Opera..등등) 실행 ..
웹은 문서를 보기위한 목적이었기때문에 , 응용을 전송하기위한 한계가있다.
프로그램으로서 강력하기는 응용이고, 웹은 문서에 지나지 않고 한계가 있지만, 배포에는 좋다 .
그래서 나오게 된것이 , 수많은 응용을 웹으로 당겨오기위한 FLAX(flash기반) 와 AJAX 가있다.
- ajax 탄생의 배경
internet Application(웹 어플)이 배포하기에 좋고, 간편하며 구현이 간다한다는 장점은 있지만,
데스크탑 응용 프로그램시절에 사용했던 강력한 기능은 지원이 되지 않으므로, 기능상의 제한이 많아지게 되었다.
이에 따라 사용자의 요구수준이 응용프로그램 시절의 기능을 요구하게 되었고, 이를 실현하기 위해 사용되는 기술이
RIA이다 .
- XMLHttpRequest 객체란?
1. 서버와 통신을 주고 받는 ajax의 핵심객체
2. XMLHttpRequest생성방법
IE5,6 만 ActiveXObject 로 지원되므로 아래와 같이 메모리에 올리자
new ActiveXObject("Microsoft.XMLHTTP")
3. 주요속성(Property)
- onreadystatechange
요청후 서버가 응답할때 자동으로 수행되는 기능을 가진 속성
[ callback 함수 : 사용자가 아닌 시스템에 의해 일어난 이벤트가 발생했을때 자동으로 호출되는 함수 ]
- readyState
요청에 대해서 서버측의 상태를 판단할수 있는 속성
- responseText
서버가 보낸 텍스트 데이터를 보유하고 있는 속성
ex) 텍스트박스.value= 객체.responseText
- 새로운 언어가 아니라 새로운 방법론일 뿐입니다 javascript와 xml 을 활용한 새로운 웹개발 방법을 제시할뿐
2005년에 구글에 의해 주목받게 됨.
- 기술의 특징 · 장점
： 자바스크립트가 서버와 직접적으로 통신할수 있다.(xmlHttpRequest 객체를 이용하여 )
: Page 단위의 데이터 처리가 아닌 하나의 페이지내에서의 일부만의 데이터 갱신이 가능하다
(Page reloading이 일어나지않음) ex) 포털사이트의 검색어 입력시 "추천검색어" 기능
: 브라우져의 종류와 플랫폼의 독립적이다.
일단 작성된 소스는 각종 브라우져에서 (IE,Firefox,Opera..등등) 실행 ..
웹은 문서를 보기위한 목적이었기때문에 , 응용을 전송하기위한 한계가있다.
프로그램으로서 강력하기는 응용이고, 웹은 문서에 지나지 않고 한계가 있지만, 배포에는 좋다 .
그래서 나오게 된것이 , 수많은 응용을 웹으로 당겨오기위한 FLAX(flash기반) 와 AJAX 가있다.
- ajax 탄생의 배경
internet Application(웹 어플)이 배포하기에 좋고, 간편하며 구현이 간다한다는 장점은 있지만,
데스크탑 응용 프로그램시절에 사용했던 강력한 기능은 지원이 되지 않으므로, 기능상의 제한이 많아지게 되었다.
이에 따라 사용자의 요구수준이 응용프로그램 시절의 기능을 요구하게 되었고, 이를 실현하기 위해 사용되는 기술이
RIA이다 .
RIA(Rich Internet Application) : 인터넷의 한계를 극복하기위해
일반적으로 플래시는 HTML로 표현하기 힘든 화면의 역동성 측면들만 강조되어 왔는데,
이러한 플래시와 데이터베이스의 연동이 가능해지면서 RIA라는 어플리케이션이 탄생하게 되었다.
- XMLHttpRequest 객체란?
1. 서버와 통신을 주고 받는 ajax의 핵심객체
2. XMLHttpRequest생성방법
IE5,6 만 ActiveXObject 로 지원되므로 아래와 같이 메모리에 올리자
new ActiveXObject("Microsoft.XMLHTTP")
3. 주요속성(Property)
- onreadystatechange
요청후 서버가 응답할때 자동으로 수행되는 기능을 가진 속성
[ callback 함수 : 사용자가 아닌 시스템에 의해 일어난 이벤트가 발생했을때 자동으로 호출되는 함수 ]
- readyState
요청에 대해서 서버측의 상태를 판단할수 있는 속성
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 요청 처리 완료
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
# by | 2009/09/16 14:15 | ◎ AJAX | 트랙백 | 덧글(0)
