[javascript] AJAX, 동기,비동기

AJAX (새로고침을 안하고 바로 html페이지에 반영하기 위해 사용)

• 비동기식 자바스크립트와 xml가 있다.
• 서버와 통신하기 위해 XMLHttpRequest 객체를 활용한다.
• 동기식과 비동기식 통신을 모두 지원한다.

* 비동기성 = 전체페이지를 reload안하고도 수행 됨

• event가 있으면 전체 페이지말고 일부분만을 업데이트한다.

동기식

• 순차적, 직렬적으로 일을 수행한다.
• 요청을 보낸 후 응답을 받아야만 다음 동작이 이루어짐(blocking)

비동기식 <- 앱이 멈춘 것 처럼 보이지 않기 위해, 로딩시간에는 기다려야하기 때문에 사용

• 병렬적으로 일을 수행
• 기다리지 않고 요청을 보내놓고 다음 코드를 수행한다.