AJAX

JavaScript

SeaPlus 2021. 9. 18. 17:05

🔰 AJAX(Asynchronous JavaScript and XML)

[동기 방식]

일반적인 동기 통신의 경우 클라이언트에서 데이터를 요청하면 서버에서 그에 상응하는 데이터를 송신한뒤 둘 사이의 연결은 끊기게 되기 마련이다.

이때 클라이언트에서 새롭게 데이터를 요청할 일이 발생하면 페이지 전체를 리로드 하게 된다.

[비동기 방식]

비동기 통신이란 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며 AJAX 를 통해서

서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포 하고 있다.

동기식(synchronous)은 순차적으로 요청과 응답값이 처리된다.

클라이언트가 요청(Request)을 보낸뒤에 응답(Response)를 받기 전까지 Block 상태로 된다.

Block 은 Request를 보내면 Response를 받기전까지 아무것도 하지 못하는 상태로

이때문에 Response를 받고 다시 Requset를 보내는 작업이 순차적으로 진행되고,

하나의 Request를 보낸 뒤 Response를 받기 위해서 페이지 전체를 로드해야 되게 된다.

비동기식(Asynchronous)는 동기식과는 반대로 Request를 보내고 Response를 언제받더라도 상관 없는 상태이다.

클라이언트는 Non-Block 상태로 Response를 기다리지 않으니 다른일을 할 수 있다.

비동기 통신의 이러한 특징으로 인해 Requset 와 Response는 섞인상태로 Block 없이 유지가 되고,

페이지 로드 없이 전체 프레임은 그대로 있고 Requset 에 대한 부분만 바꾸는 방법이 가능하다.

비동기 통신은 동기식과 반대로 Response에 대한 처리결과를 보장받아야 되는 서비스에는 적합하지 않다.
연속으로 데이터를 요청하면 서버 부하가 증가할 수 있다.
AJAX를 지원하지 않는 브라우저도 있다.
HTTP 클라이언트의 기능이 한정되어 있다.
XMLHttpRequest를 통해 통신하는 경우, 사용자에게 아무런 진행 정보가 주어지지 않는다. (요청이 완료되지 않았는데 사용자가 페이지를 떠나거나 오작동할 우려가 발생하게 된다.)