AJAX

AJAX(Asynchronous JavaScript and XML)

 

 

 

 

비동기방식: 웹 페이지를 리로드 하지 않고 데이터를 불러온다.

ajax를 통해 서버에 요청을 하면 멈춰있지 않고 해당 프로그램은 계속 돌아간다.

이런 비동기 방식은 시간도 빠르고 화면 리로딩하는 경우 전체 리소스를 다 가져올 필요 없이 일부 필요한 부분만 가져오기 때문에 장점이 있다.

페이지 전체를 새로고침 하지 않기 위해 사용한다고 볼 수 있다.

 

일반적으로 HTTP 프로토콜은 단방향 통신이다.

그래서 클라이언트에서 요청을 보내고 서버에서 응답을 받으면 연결이 끊어진다. (Stateless)

그래서 화면 내용을 갱신하기 위해서는 다시 요청 보내고 응답 받으면서 전체 페이지를 갱신해야한다. 이렇게 하면 자원 낭비와 시간 낭비가 생긴다.

ajax는 일부만 갱신 가능하도록 request객체를 통해 서버에 요청한다.

이 경우에 json같은 형태로 필요한 데이터만 받아서 갱신하기 때문에 그 만큼의 자원과 시간을 아낄 수 있다.

​

장점

- 웹페이지 속도 향상

- 서버 처리가 완료될 때까지 기다리지 않고 처리 가능

- 서버에서 data만 전송하면 되므로 전체적인 코드 양이 줄어든다.

- 기존 웹에서 불가능했던 다양한 UI를 가능하게 해준다.

​

진행과정

요청 시: 브라우저는 request객체 만들어서 서버에 정보를 요청

응답 시: 브라우저는 콘텐츠를 처리해서 페이지에 추가