Ajax 개념 및 특징

# Ajax 개념

• Ajax란 Asynchronous JavaScript and XML의 약자
• 비동기식 자바스크립트(and XML 이지만 요즘에는 XML보다 JSON을 사용)
• 비동기(async) 방식이란? 웹페이지를 리로드하지 않고 데이터를 불러오는 방식
• Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나
• Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.
• 즉, Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.
• 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있다.

 

 - JSON

 - XML

 - HTML

 - 텍스트 파일 등

 

# 동기식 vs 비동기식 비교

<동기식>
장점: 순차적 실행, 프로그래밍하기 편하다
단점: 모든 코드 실행 -> 느리다

<비동기식>
장점: 여러가지 일이 동시적으로 발생, 서버와 통신하는 동안 다른 작업을 할 수 있다
단점: 코드 구성에 어려움?

 

# Jquery와의 시너지  

• 일반 Javascript만으로 Ajax를 하게되면 코딩량도 많아지고 브라우저별로 구현방법이 다른 단점이 있다.
• Jquery를 이용하면 더 적은 코딩량과 동일한 코딩방법으로 대부분의 브라우저에서 같은 동작을 할 수 있다.
• Jquery ajax를 사용하면, HTTP Get방식과 HTTP Post방식 모두를 사용하여 원격 서버로부터 데이터를 요청할 수 있다.
• Jquery는 Ajax처럼 JavaScript의 라이브러리 중 하나인데 자바스크립트를 좀 더 사용하기 쉽게 패키징화 시켜놓은 것