[JQuery] Ajax 동기화 호출 방법

방법을 몰라 찾다보니 ajaxSetup을 통해 설정할 수 잇는 방법을 알게 되었다.

 

기본적으로 async (비동기) 호출 설정으로 되어있다고 한다.

 

필요해 의해 동기화로 호출 해야 하는 경우가 있을시 아래와 같이 처리하였다...

 

 

ajax 메서드 호출시 

    $.ajax({

        type: "POST",

        url: url,

        dataType: "json",

        contentType: "application/x-www-form-urlencoded; charset=euc-kr",

        async: false, // false : 비동기 , true : 동기 

        data: params,

        success: function (json) {

  },

  error: function (e) {

  }

});

// ajaxSetup으로 변경 방안

$("#ddlCenterCD").change(function () {

$.ajaxSetup({

async: false

});

$("#ddlCenterCD").attr("disabled","disabled");

var selectedValue = $("#ddlCenterCD").val();

$.ajax({

url: "<%= Url.Action("ReturnRoomCD","User") %>",

type : "POST",

data : { CenterCD : selectedValue } ,

error : function ( xhr ,ajaxOptions,thrownError ) {

alert(xhr.status);

alert(thrownError);

},

success : function (result) {

var roomCD = $('#ddlRoomCD');

roomCD.empty();

$("#ddlTeamCD").empty();

$.each(result, function() {

roomCD.append($('<option/>', {

value: this.OPERATION_CODE,

html: this.OPERATION_CODE_DESCRIPTION})

)

});

}

});

 

$.ajaxSetup({

async: true

});

 

});