• AJAX(Asynchronous JavaScript And XML)

• 자바스크립트를 이용해서 비동기식으로 XML을 이용하여 서버와 통신하는 방식

• 최근에는 XML보다 JSON을 더 많이 사용한다.

  • ❓비동기식이란?

• ❓쉽게 설명하면?

• 장점

  • 새로 고침이 없으니 웹 페이지 전환이 부드러워진다.

AJAX 이해에 필요한 사전 지식

• 서버
  • 네트워크 상에서 접근할 수 있는 프로그램으로서 어떤 자료들에 대한 관리나 접근을 제어해주는 프로그램
  • 단순히 말하면 데이터를 요구하면 데이터 보내주는 프로그램

데이터를 요구 할 때 필요한 것들

1. 원하는 데이터 URL이 뭔지
2. 그 URL로 GET요청
   1. 버튼으로 GET 요청 → 브라우저가 새로 고침 됨. → 이게 싫다면?
   2. AJAX로 GET 요청 →새로 고침 없이 서버에게 GET요청
3. 그럼 데이터 전송

AJAX 진행 과정

1. XMLHttpRequest Object를 만든다.
   • request를 보낼 준비를 브라우저에게 시키는 과정
   • 이것을 위해서 필요한 method를 갖춘 object가 필요함
2. callback 함수를 만든다.
   • 서버에서 response가 왔을 때 실행시키는 함수
   • HTML 페이지를 업데이트 함
3. Open a request
   • 서버에서 response가 왔을 때 실행시키는 함수
   • HTML 페이지를 업데이트 함
4. send the request