Javascipt - ajax

이번에는 javascript에서 많이 쓴다면 많이 쓰는 라이브러리인 ajax의 대해서 복습하는 시간이다.

1. Ajax란?

JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다.
ajax는 웹 페이지 전체를 다시 로딩하지 않고 웹 페이지의 일부분만을 갱신할 수 있게 한다. ajax는 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지 일부분에 표시합니다.

2. ajax의 장점

• 웹 페이지 전체를 다시 로딩하지 않고도 웹 페이지 일부분만을 갱신 할 수 있다.
• 웹 페이지가 로드된 후에 서버로 데이터 요청을 보낼 수 있다.
• 웹 페이지가 로드된 후에 서버로 부터 데이터를 받을 수 있다.
• 백그라운드 영역에서 서버로 데이터를 보낼 수 있다.

3. ajax의 단점

• 클라이언트가 서버로 데이터를 요청하는 클라이언트 풀링 방식을 사용하므로 서버 푸싱 방식의 실시간 서비스를 만들 수 없다.
• 바이너리 데이터를 보내거나 받을 수 없다.
• 스크립트가 포함된 서버가 아닌 다른 서버로 요청을 보낼 수 없다.

4. xmlhttprequest 객체

ajax의 가장 핵심적인 구성 요소는 xmlhttprequest 객체 이다.
xmlhttprequest 객체는 웹 브라우저가 서버와 데이터를 교환할 때 사용되고 있다.

5. readystate propoty

UNSET (숫자 0) : XMLHttpRequest 객체가 생성됨
OPEND (숫자 1) : open() 메소드가 성공적으로 실행됨
HEADERS_RECEIVED (숫자 2) : 모든 요청에 대한 응답이 도착함
LOADING (숫자 3) : 요청한 데이터를 처리 중
DONE (숫자 4) : 요청한 데이터의 처리가 완료되어 응답할 준비가 완료됨

6. open()메소드

서버로 보낼 ajax요청의 형식을 설정하는 메소드 이다.

open()를 사용할 때 가로 안ㅇ네는 전달 방식, URl주소, 동기여부 를 사용한다.
ex) open(전달방식, URL주소, 동기여부)

전달방식 : GET , POST
URL주소 : 요청을 처리할 서버의 파일주소를 전달
동기여부 : true는 비동기, false는 동기