Ajax (Asynchronous Javascript And XML) - 에이잭스
서버에 요청을 하고있어 응답을 받게 되면 성공이나 실패 등에 따라 함수가 실행하게 되는데 그 함수가 먼저 실행되는 것이 아니라 서버의 응답을 받은 후 실행되는 것.
자바스크립트를 통해서 서버에 데이터를 요청한다.
HTML form태그가 아니라 자바스크립트를 통해서!
Ajax는 자체가 하나의 특정한 기술을 말하는 것이 아니며,
함께 사용하는 기술의 묶음을 지칭하는 용어로 여러가지 기술집합을 의미한다.
웹 클라이언트 측에서 Reload 없이 비동기적으로 콘텐츠를 변경하기 위해 사용하는 모든 기술을 지칭한다.
서버에서 로딩된 데이터를 페이지에 보여주기 위해 새로운 HTML페이지로 간다거나
새로고침을 할 필요가 없이 부분부분만 로딩한다.
Ajax 장점
1. 페이지 이동없이 (부분부분만 로딩) 고속으로 화면을 전환할 수 있다.
2. 수신하는 데이터 양을 줄일 수 있다.
3. 클라이언트에게 처리를 위임할 수 있다.
Ajax단점
1. 페이지 이동 없는 통신으로 인한 보안성의 문제가 있다.
2. 스크립트로 작성되므로 디버깅이 용이하지 않다..
3. Ajax 요청을 남발하여 사용하게 되면 역으로 서버에 부하가 늘 수 있어서 필요한
부분에서만 적절히 사용하는 것이 효율적이다.
Ajax요청을 남발하여 사용하게 되면 역으로 서버에 부하가 늘 수 있어 필요한 부분에서만
사용하고 *Submit과 적절히 사용하는 것이 효율적이다.
* Submit이란?
동기방식으로 DOM(HTML)을 그릴 때 쓴다.
메인화면이 생기고 View가 DOM을 그리는 상황이 Submit이다.
전체페이지 절반이상을 바꿔야한 상황에서는 Submit을 사용한다.
동기 (synchronous) |
비동기 (Asynchronous) |
|
|
'UXUI Development > Javascript' 카테고리의 다른 글
API 문서 자동화 도구 (0) | 2021.12.14 |
---|---|
javascript 동적로딩 (0) | 2019.06.12 |
script 내에 script호출 (0) | 2019.06.12 |
html안에 html 로드 스크립트 분기처리 (0) | 2019.06.12 |
자바스크립트 (0) | 2019.05.29 |
날짜 분기 스크립트 (0) | 2019.05.29 |
iframe/ContentDocument 프로퍼티 (+삼항연산자) (0) | 2019.04.04 |
여러개의 스크롤이벤트 사용시 (0) | 2019.03.19 |