JavaScript의 라이브러리 중 하나 비동기식 자바스크립트와 xml의 약자
브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부분만을 위한 데이터를 로드하는 기법이며
JavaScript를 사용한 비동기 통신,클라이언트와 서버간에 XML 데이터를 주고 받는 기술이다
즉 자바스크립트를 통해서 서버에 데이터를 요청하는것
AJAX로 할수있는것
클라이언트에서 서버로 데이터를 요청하고 결과를 돌려 받을수있다
간단하게 서버와 클라이언트(나)와의 통신이다.
클리이언트란
사용자와 상호작용할 수 있는 소프트웨어를 말한다 ex) 웹브라우저,휴대폰 어플리케이션 등.
서버란
어떤 자료들에 대한 관리나 접근을 제어해주는 프로그램을 말한다
AJAX를 사용하는 이유
단순하게 web화면에서 무언가 부르거나 데이터를 조회하고 싶을경우 ,페이지 전체를 새로고침하지 않기위해 사용한다고 볼 수 있다.
기본적으로 HTTP 프로토콜은 클라이언트쪽에서 Request를 보내고
서버쪽에서 Response를 받으면 이어졌던 연결이 끊기게 되어있다
그래서 화면의 내용을 갱신하기 위해 다시 Request를 하고 Response를 하며 페이지를 갱신하게 된다
하지만 이렇게 할경우, 엄청난 자원낭비와 시간낭비를 초래하고 말 것이다.
AJAX는 HTML페이지 전체가 아닌 일부만 갱신할수있도록 XMLHttpRequest객체를 통해 서버에 request한다
JSON이나 XML형태로 필요한 데이터만 받아 갱신하기 때문에 그만큼의 자원과 시간을 아낄 수 있다
'JS' 카테고리의 다른 글
글쓰기 에디터(썸머노트,ck에디터) 공백제거 (0) | 2024.12.16 |
---|---|
Summernote 설정 (1) | 2024.12.11 |
css 선택자를 사용하는 방법 (0) | 2024.01.02 |
JSON(JavaScript Object Notation) (0) | 2023.11.13 |
버튼으로 서브밋을 처리하는방법 (0) | 2023.07.10 |