Ajax (Asynchronous Javascript And XML)

Ajax (Asynchronous Javascript And XML)

• 정의
• 특징
• 개념도
• 요소기술

정의

• Ajax: 인터렉티브한 웹페이지 구현을 위한 XMLHTTPRequest와 Javascript를 이용한 비동기 데이터 교환 방식

특징

1. 비동기 페이지 처리:

   • 페이지 전체를 다시 로드하지 않고 필요한 부분만 갱신

2. 비동기 데이터 교환:

   • 서버와 비동기적으로 데이터를 주고받아 사용자 경험 향상

3. 다이나믹 DOM 처리:

   • 동적으로 DOM(Document Object Model)을 조작하여 페이지 내용을 변경

4. XML/XSLT를 통한 데이터 교환/이용:

   • XML과 XSLT를 사용하여 데이터를 교환하고 표현

개념도

• 브라우저:
  • 인터페이스 -> Javascript Call -> Ajax Engine
• 서버:
  • 브라우저와 서버 간의 비동기 데이터 교환

요소기술

1. XHTML:

   • 확장 가능한 HTML

2. DHTML:

   • 동적 HTML

3. CSS:

   • 스타일 시트 언어

4. Javascript:

   • 클라이언트 측 스크립트 언어

5. DOM:

   • XML의 Tree 구조에 접근하는 API

6. XML:

   • 데이터 교환을 위한 마크업 언어

7. XSLT:

   • XML 표현 정의 언어

8. JSON:

   • 객체 표기법, 자바스크립트 구문, 언어/플랫폼 독립, 시스템 간 객체 교환

9. XMLHTTPRequest:

   • 서버와 통신하는 Javascript 객체, 브라우저별 상이

Ajax는 웹페이지를 더욱 인터렉티브하고 동적으로 만들어주는 기술로, 비동기적으로 서버와 데이터를 교환하여 사용자 경험을 향상시킵니다. XHTML, DHTML, CSS, Javascript, DOM, XML, XSLT, JSON, XMLHTTPRequest 등의 요소기술을 활용하여 구현됩니다.