[Javascript] Ajax

Ajax (Asynchronous Javascript And XML)

• 웹페이지의 일부 또는 전체 영역을 갱신 할 수 있도록 해주는 방법
• 동일한 형태의 UI를 갖는 페이지에서 일부 영역의 콘텐츠를 변경하기 위해 페이지 전체를 갱신하는 것은 비효율적
• Ajax는 브라우저에 탑재된 XMLHttpRequest객체 또는 Fetch API를 이용해 서버에 데이터를 요청하고 그 처리가 비 동기적으로 이뤄짐
  • 새로고침 없이 서버로부터 데이터를 가져와 페이지 일부 영역을 갱신함

비동기

• 컴퓨터 프로그램이 동작하는 방법 중 하나
• A,B작업이 있을때 A작업이 종료 된 후 B작업이 시작된다면 동기라 말하고 A,B작업이 동시에 이뤄진다라고 보면 됨

프로그램 : 프로그램 언어로 구현된 코드, 하드디스크에 저장
프로세스 : CPU에 의해 실행되기 위해 메인메모리에 저장된 프로그램

자바스크립트는 이벤트를 이용하여 데이터의 요청과 처리를 담당

• 비동기 이벤트가 발생 시 미리 정의된 작업을 수행하여 서버로 필요한 데이터를 요청, 응답이 오면 클라이언트에 전달된 XML에 담긴 데이터로 UI를 만들어 화면의 영역 일부를 갱신

XML : 데이터 교환 표준, 데이터를 전송하기 위한 컨테이너
XML이외에도 JSON도 많이 사용 됨