본문 바로가기
JS

AJAX(Asynchronous Javascript And XML)

by brilliant-growth 2023. 11. 13.

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