Ajax

Ajax

• Asynchronous JavaScript and XML
• Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법 중 하나

Ajax 장점

1. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신 가능
2. 웹 페이지가 로드된 후에 서버로 데이터 요청을 보내기 가능
3. 웹 페이지가 로드된 후에 서버로부터 데이터를 받기 가능
4. 백그라운드 영역에서 서버로 데이터를 보내기 가능

Ajax 단점

1. Ajax는 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식을 사용하므로, 서버 푸시 방식의 실시간 서비스는 불가
2. Ajax로는 바이너리 데이터를 보내거나 받기 불가
3. Ajax 스크립트가 포함된 서버가 아닌 다른 서버로 Ajax 요청을 보내기 불가
4. 클라이언트의 PC로 Ajax 요청을 보낼 수는 없음

Ajax 구현

• Fetch API 또는 XMLHttpRequest 함수를 이용한다.

Pjax?

• PJAX는 AJAX 기술과 HTML5 pushState API를 활용하여 페이지를 로딩하는 기술
• AJAX는 페이지 url이 변경되지 않는다는 단점이 있는데, Pjax를 사용하면 주소가 변경되어 히스토리 관리 용이

요약하면, Ajax를 통해 백그라운드에서 필요한 페이지를 송/수신하여, SPA(Single Page Application) 사용 가능 및 웹앱 구현 가능

참조 링크