AJAX 기초

bi_sz·2022년 9월 12일
0

AJAX

목록 보기
1/3
post-custom-banner

HTTP의 한계

HTTP는 URL 및 부가정보를 통해 사용자가 원하는 페이지를 서버에 요청하고,
서버는 해당 요청에 응답해 준다.

즉, 사용자가 URL을 요청할 때에만 서버에서 해당 페이지를 응답해 주기 때문에
사용자는 서버로부터 새로운 정보를 받기 위해서는 반드시 새로운 URL을 요청해야 한다.

AJAX

  • 비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)
  • 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것
  • JSON, XML, HTML, 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있음

AJAX의 특징

  • 비동기로 서버(API etc..)에 데이터 요청
  • 서버로부터 데이터를 받고 작업을 수행

AJAX를 사용하면 새로운 HTML을 서버로부터 받을 필요가 없다.
사용자 입장에서 페이지 이동이 발생하지 않고 페이지 내부 변화만 일어나게 된다.
HTML 페이지 전체를 다 바꿔야 하는 것이 아니라 부분만 바꿀 수 있게 된다.


AJAX는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있도록 Data 로딩을 할 수 있다.
즉, AJAX를 이용하면 백드라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다.

profile
https://li-yo.tistory.com/ 티스토리 블로그 이전 하였습니다.
post-custom-banner

0개의 댓글