[Javascript] Ajax async(동기 처리)가 먹히지 않을 때

● Ajax(Asynchronous JavaScript and XML)

    * 자바스크립트의 라이브러리 중 하나

    * 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 

    * 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법

    * 자바스크립트를 사용한 비동기 통신

    * 클라이언트와 서버간에 XML 데이터를 주고받는 기술

 

● Ajax async 옵션   

    * 동기(false) : 웹에서 서버측에 데이터를 요청하고 데이터의 수신이 완료될 때까지 기다리는것   

    * 비동기(true) : Ajax를 이용하여 데이터의 수신을 기다리지않고 바로 다른 작업을 실행        

        - 페이지의 로딩을 기다리지않으므로 웹의 속도가 빠르게 반응 가능

        - async 옵션을 따로 지정해주지 않을 경우 true로 기본 설정됨

 

●  Ajax asysnc 옵션이 먹히지 않을 때   

    * 크로스 도메인을 허용할 경우 데이터 타입이 jsonp 라면 지원되지 않음

 

crossDomain: true,
dataType: "jsonp"

 

    * jQuery 1.8 버전 이상 사용 시 지원되지 않음         

        - 콜백 함수 이용 권장

 

 

---

참고

• Azderica - [JavaScript] Ajax 정리
  https://azderica.github.io/00-javascript-ajax/
• klmjiho.log - async 비동기식 처리와 동기식 처리
  https://velog.io/@klmjiho/async-%EB%B9%84%EB%8F%99%EA%B8%B0%EC%8B%9D-%EC%B2%98%EB%A6%AC%EC%99%80-%EB%8F%99%EA%B8%B0%EC%8B%9D-%EC%B2%98%EB%A6%AC
• Dev 저장소 - jquery ajax 동기처리가 안되는 경우.. async 옵션이 적용 안될 때.
  https://dev.uhoon.co.kr/entry/jquery-ajax-%EB%8F%99%EA%B8%B0%EC%B2%98%EB%A6%AC%EA%B0%80-%EC%95%88%EB%90%98%EB%8A%94-%EA%B2%BD%EC%9A%B0-async-%EC%98%B5%EC%85%98%EC%9D%B4-%EC%A0%81%EC%9A%A9-%EC%95%88%EB%90%A0-%EB%95%8C