AJAX (1) 개요

■ AJAX(Asynchronus JavaScript And Xml)

- 서버로부터 데이터를 가져와 전체 페이지를 새로 고치지 않고 일부만 로드할 수 있게 해주는 기법

- 비동기식 요청을 보내기 위해서는 AJAX라는 기술이 필요하다.

 

■ 동기식

- 요청 처리 후 그에 해당하는 응답 페이지가 돌아와야만 그다음 작업이 가능하다.

- 서버에서 호출된 결과까지의 시간이 지연되면 계속 기다려야 한다.

- 전체 페이지가 리로드된다.

 

■ 비동기식

- 현재 페이지를 그대로 유지하면서 중간중간마다 추가적인 요청을 보내줄 수 있다.

- 요청을 보내도 다른 페이지로 넘어가지 않는다. 즉, 현재 페이지는 그대로 유지한다.

- 요청을 보내놓고 그에 해당하는 응답이 돌아올 때까지 현제페이지에서 다른 작업을 할 수 있다.

 

● 비동기식의 단점

1. 현재 페이지에 지속적으로 리소스가 쌓인다. 즉, 페이지가 느려질 수 있다.

2. 페이지 내에 복잡도가 증가할 수 있다.(유지보수가 힘들어진다.)

3. 요청 후 돌아온 응답 데이터를 가지고 현재 페이지에서 새로운 요소를 만들어서 뿌려줘야 한다.