Ajax 란?

Asynchronous Javascript And Xml

Ajax(Asynchronous Javascript And Xml) : 비동기식 자바스크립트와 Xml

※ 비동기식 방식 : 웹페이지 전체를 리로드 하지 않고 필요한 부분만 불러와 사용할 수 있는 방식

 

 

왜 사용하는가?

웹은 기본적으로 웹 문서를 염두해두고 만들어졌다. 따라서 클라이언트 쪽에서 데이터 전송 시 화면의 내용을 갱신하기 위해서는 웹페이지 전체를 다시 불러와야한다. 화면의 일부만을 갱신할 경우 페이지 전체를 리로드 하는 방식은 비효율적이다. Ajax는 Json이나 Xml의 형태로 필요한 데이터만을 받아 일부만을 갱신하기 때문에 전자에 비해 훨씬 효율적이며 속도도 빠르다.

 

 

Ajax의 특징

• 웹페이지의 속도 향상

• 서버 처리 완료를 기다리지 않고 처리가 가능

• 전체 코드의 양 감소

• 히스토리 관리 불가

 

 

Ajax의 진행과정

1. XMLHttpRequest(요청) 객체를 생성

   • request를 보낼 준비를 브라우저에게 시키는 과정

   • 이것을 위해서 필요한 method를 갖춘 object가 필요함

2. callback 함수를 만든다.

   • 서버에서 response가 왔을 때 실행시키는 함수

   • HTML 페이지를 업데이트 함

3. Open a request

   • 서버에서 response가 왔을 때 실행시키는 함수

   • HTML 페이지를 업데이트 함

4. Send the request

 

참조 :

http://blog.knowgari.com/Ajax-%EC%8B%A4%ED%96%89%EB%8B%A8%EA%B3%84/

devyj.tistory.com/1

velog.io/@surim014/AJAX%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

AJAX란 무엇인가?

Ajax 란?

[Ajax] Ajax 실행 단계