ajax를 동기(sync)방식으로 사용하기 (차례대로 동작하는 로직시)

폼전송시 아이디 중복검사를 하는 로직이다.

코드 순서상으로는 공백검사 if문 후에 ajax가 실행된다.

하지만 ajax안에 async를 정의 안하거나 true로 한다면

공백검사 if문보다 먼저 실행될 수 있는 비동기식으로 ajax가 작동한다.

반드시 차례대로 동작하는 ajax를 쓸라면 asnc : false 속성을 추가해준다.

$('#frm').submit(function(){

if(jQuery.trim($("#memberId").val()) == ""){

alert("아이디를 입력 하셔야 합니다.");

$("#memberId").focus();

return false;

}

$.ajax({

async : false,

cache : false,

dataType:"text",

type: "get",

url: "/idCheck.do",

data : {

"chkType" : chkType,

},

success: function(data) {

if(jQuery.trim(data)=="success"){

alert("사용가능한 아이디입니다.");

}else if(jQuery.trim(data)=="fail"){

alert("사용불가능한 아이디입니다.");

}

});

}