Ajax와 Ajax 옵션 정리

💡 알아두기

XML	인터넷에 연결된 시스템 끼리 데이터를 더욱 쉽게 주고받을 수 있게 하여 HTML의 한계를 극복하고자 W3C에서 개발한 마크업 언어
비동기 처리	특정 코드의 연산이 끝나기 기다리지 않고 다음 코드를 먼저 실행하는 JavaScript의 특징

 

---

 

Ajax(Asynchronous Javascript And Xml)란?

  Ajax는 JavaScript의 라이브러리 중 하나로, JavaScript를 사용한 비동기 통신 기술이다. 페이지 일부를 위한 데이터만 새로 로드할 수 있으며, 서버와 클라이언트 간의 xml 데이터(json/xml 형태 등으로)를 주고받을 수 있다.

 

장점 및 단점

  웹 페이지의 일부 데이터만 주고 받기 때문에 속도가 빠르며 코드의 길이가 줄어든다는 장점이 있다. 하지만 히스토리 관리가 어려워 보안 관련 이슈가 발생할 수 있으며, 연속적인 데이터 요청 시 서버에 부하가 걸릴 수 있다는 단점이 있다.

 

자주 사용하는 Ajax option

‣ url : 통신을 요청할 서버 url 작성

‣ type : 전송 방식(post, get 등)

‣ data : 전송할 data를 정의

‣ success : 통신이 성공했을 때 처리할 로직 작성

‣ error : 통신이 실패했을 때 처리할 로직 작성

‣ complate : 요청이 완료되었을 때 실행되는 로직 작성

‣ async : 비동기방식 사용 여부(default 값 : true - 비동기방식을 사용하겠다는 의미)

‣ beforeSend : 데이터 전송 전 실행할 로직 작성. return 값이 false일 경우 요청이 취소된다.

‣ timeout : 요청 응답 시간에 대한 타임아웃 설정(단위 : ms)