[jQuery] $.ajax, $.post 동기처리 async

AJAX(Asynchronous JavaScript And XML)의 모든 요청은 기본적으로 비동기식으로 전송되지만 동기 요청이 필요한 경우 async 값을 false로 설정해 브라우저를 일시적으로 잠글 수 있으며 서버로부터 응답이 올 때까지 기다릴 수 있습니다.

 

사용법

   A. $.ajax( [settings ] ) 사용

<script type="text/javascript">
    $.ajax({
    type: 'post',
    url: '@Url.Action("Main", "Home")',
    data: { uid: 'jinwoo', pwd: '123' },
    async: false,
    dataType: 'Json',
    success: function (data) {}
    });
</script>

 

   B. $.ajaxSetup() 사용

<script type="text/javascript">
   $.ajaxSetup({ async: false });
   $.post("@Url.Action("Main", "Home")", { uid: 'jinwoo', pwd: '123' }, function (data) {});
</script>

 

 

참고

• Ajax 시작하기 - 웹 개발자 안내서 | MDN (mozilla.org)
• jQuery.ajax() | jQuery API Documentation