ajax

• ajax 는 http를 효과적으로 이용하는 기술입니다.
• ajax 는 약속은 아닙니다 효과적으로 서버와 소통하기 위한 기술입니다.

ajax를 사용하면, 유저는 새로운 HTML 서버를 받는 것이 아닙니다. 즉, 유저는 새로운 웹페이즈로 이동하는 것이 아니라 동일한 웹페이지 내에서 DOM을 변경 하게 됩니다.

이름과 자기소개를 하는 기능이 있다 해봅시다

1. 요청 페이지에서 이름 칸에 '희망'을 쓰고, 내용에 '안녕하세요. 희망입니다' 라고 썼다 해봅시다.
2. 사용자는 이벤트로부터 JS는 해당 이름과 내용이 쓰여진 DOM을 읽습니다.
3. 그리고 XMLHttpRequest 객체를 통해 웹서버에 해당 이름과 내용을 전송합니다.
4. 웹서버는 요청을 처리하고 XML, Text 혹은 JSON을 XMLHttpRequest 객체에 전송합니다.
5. 그러면 , JavaScript가 해당 응답 정보를 DOM에 씁니다.
6. 그렇게 결과 페이지가 만들어집니다.

AJAX를 사용하면, 새로운 HTML을 서버로부터 받아야 하는것이 아닙니다.
동일한 페이지의 일부를 수정할 수도 있는 가능성이 생깁니다. 결과적으로 사용자 입장에서 페이지 이동이 발생되지 않고 페이지 내부 변화만 일어나게 됩니다. HTML 페이지 전체를 다 바꿔야 하는 것이 아니라 부분만 바꿀 수 있게 되는 것입니다.

XMLHttpRequest 객체 #

Ajax 에 가장 핵심적인 구성 요소입니다.
Ajax에서 XMLHttpRequest 객체는 웹 브라우저가 서버와 데이터를 교환할 때 사용됩니다.
웹 브라우저가 백그라운드에서 계쏙해서 서버와 통신할 수 있는 것은 바로 이 객체를 사용하기 때문입니다.

let httpRequest = new XMLHttpRequest();