티스토리 뷰

LANGUAGE/JAVA SCRIPT

[JAVA SCRIPT] AJAX

진심스테이크 2019. 2. 6. 22:41

 

Ajax(Asynchronous JavaScript and XML) : 비동기 자바스크립트와 확장 마크업 언어

- 사용자를 방해하지 않고 브라우저와 웹 서버가 정해진 형태로 데이터를 주고받을 때 사용 

- 데이터 이용량은 줄어들고, 작은 부분만 업데이트하고, 페이지 새로고침을 기다리는 시간도 줄어듬

- 웹 페이지나 어플리케이션에서 필요한 데이터(페이지에서 바꿔야만 하는 부분의 데이터), 서버에서 받아와야하는 데이터만 요청

- 서버와 동적으로 데이터를 주고받을 수 있음

 

 

1. jQuery나 JavaScript를 사용해서 서버에 Ajax 요청을 보냄

2. jQuery나 JavaScript로 그 결과를 받고, 파싱해서 페이지의 일부만 업데이트함

 

 

Asynchronous(비동기) : 사용자가 페이지에서 하는 일을 방해하지 않고 배경에서 일함

- JavaScript가 서버에 요청을 보내는 중에도 폼에 입력하거나 마우스를 클릭하는 등 페이지를 조작할 수 있음

- 서버 작업이 끝나면 페이지에서 바뀐 부분만 JavaScript로 업데이트함

 

JavaScript : HTML문서에 포함되어서 DOM을 조작하는 함수를 만드는 데 주로 사용하는 스트립트 언어

 

XML(eXtensible Markup Language) : 정보를 저장하는 표준 중 하나

- 정보의 구조를 표현하는 표준

- 태그가 정해져 있지 않고, 작성하는 사람이 필요한 태그를 직접 만들어 쓸 수 있음

- 정보를 전송하기 위해 구조화하고 저장하는 역할을 함

 

 

 

'LANGUAGE > JAVA SCRIPT' 카테고리의 다른 글

[JAVA SCRIPT] CALLBACK - 콜백  (0) 2019.07.19
[JAVA SCRIPT] JSON  (0) 2019.02.08
[JAVA SCRIPT] CONST, LET, VAR  (0) 2018.12.15
[JAVA SCRIPT] ARROW FUNCTION - 화살표 함수  (0) 2018.10.22
[JAVA SCRIPT] DOM  (0) 2018.10.16
댓글