AJAX(Asynchronous JavaScript + XML)

소개

최근 각광을 받고 있는 Ajax에 대한 내용입니다.
Ajax 개요및 개발에 필요한 내용에 대해 PPT로 정리된 자료입니다.
Ajax에 대한 이해 및 발표자료로 좋습니다.
회사 발표시 매우 좋은 호응 및 평가를 받은 자료입니다.

목차

Ⅰ. Ajax 소개
- Web Application의 발전
- Ajax의 등장 배경
- Ajax 개요
- Ajax 특장점
- 고려할 사항들
Ⅱ. 서버와의 통신
- XMLHttpRequest
- XMLHttpRequest 메소드
- XMLHttpRequest 프로퍼티
- 요청보내기
- 요청보내기(파라메터)
- 응답처리
- 응답처리(XML)
- W3C DOM
Ⅲ. Ajax를 이용한 기법 구현
- 검증하기
- 동적으로 리스트박스 로딩하기
- 진행막대 표시하기
- 자동완성기능 구현하기
Ⅳ. JSON
- JSON 개요
- JSON 데이터 보내기
- JSON 데이터 받기
Ⅴ. Ajax 개발용 도구 소개
- 소스코드 검증기
- 디버깅 툴
- Ajax Framework
- 예제(자동완성기능)

본문내용

Web Application의 발전

- 초창기의 웹페이지는 정적인 것이어서 사용자가 자원을 요청하면 이에 응답하는 방식이었다.
이후, 사용자들은 웹을 동적으로 이용하고자 하게 되었다.

- Internet Explorer, Netscape Navigator, Firefox, Mozilla, Safari, Opera 등 여러 가지 Web Browser 등장.

- CGI, Applet, Servlet, JSP, ASP, PHP등의 서버기반 Web Application이 나타나게 되면서 동적인 웹페이지를 구축할 수 있게 되었다.

- 같은 시기에 JavaScript가 만들어지면서 Client를 좀 더 화려하게 제공할 수 있었다.

- XML 기술의 발전으로 구조화된 데이터를 통해 복잡한 데이터를 쉽게 처리할 수 있게 되었다.


Ajax의 등장 배경

- Web Browser는 별도의 Client 소프트웨어 없이 어디서든 접근이 가능하게 한다.

- Web Browser의 사용은 인터넷은 기본이 되는 동기방식의 요청/응답의 특성을 벗어날 수 없다. 이것은 아무리 간단한 요청이라도 전체 페이지가 화면에 다시 뿌려져야 함을 의미한다.

- JavaScript를 통해 Client가 동적으로 페이지를 변경할 수 있으나, Server와의 직접통신이 불가능하였다.

- ActiveX, Flash등의 등장으로 Client와 Server간의 양방향 통신이 가능해 졌으나, 브라우저 지원의 문제, Client 프로그램의 필요성, Network 속도 및 바이러스문제, 늘어나는 개발비용 등의 문제가 있다.

- 좀 더 유연한 Client 와 Server간의 통신 메커니즘이 필요하게 되었다.

참고자료

· Foundations of Ajax
· - Ryan Asleson / Nathaniel T.Schutta 저