Ajax, 장단점, 비동기, ajax와 제이쿼리의 시너지

# Ajax

• 브라우저가 갖고있는 XMLHTTPRequest 객체를 이용, 전체 페이지를 새로 고치지 않고 페이지의 일부만을 위한 데이터를 로드하는 기법이다.
• 한마디로 자바스크립트를 사용한 통신, 클라이언트와 서버간 XML 데이터를 주고받는 기술이다.

## Ajax의 장점

• 웹 페이지의 속도 향상
• 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능
• 서버에서 data만 전송하면 되므로 전체 코딩의 양이 줄어든다.
• 기존 웹에서 불가능했던 다양한 UI를 가능하게 해준다.

## Ajax의 단점

• 히스토리 관리가 안 된다.(보안에 신경써야 한다.)
• 연속으로 데이터 용청 시 부하가 증가할 수 있다.
• XMLHTTPRequest를 통해 통신을 하는 경우 사용자에게 아무런 정보가 주어지지 않아서
• 아직 요청이 완료되지 않았는데 페이지를 떠나거나 오작동할 우려가 발생한다.

# 비동기(async)

• 웹 페이지를 리로드 하지 않고 데이터를 불러오는 방식이다.
• 필요한 부분만 불러와 사용할 수 있어 불 필요한 리소스 낭비를 줄일 수 있다.

# Ajax와 Jquery의 시너지

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

 

출처 : cofs.tistory.com/404

jquery ajax 옵션 총정리