티스토리 뷰

TIL/js

[javascript] AJAX, 동기,비동기

빙빙 2021. 5. 4. 17:36

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

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

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

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

동기식

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

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

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

'TIL > js' 카테고리의 다른 글

Callback 과 Promise의 차이점  (0) 2023.02.07
세션 스토리지 , 로컬 스토리지, 쿠키  (0) 2023.02.05
[javascript] DOM 과 BOM  (0) 2021.04.29
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함