02. [Ajax] Ajax로 return false 처리하기

JavaCcript로 유효성 검사를 추가하던 중에 ajax에서 돌아온 데이터에 값이 false경우 retrun false로 처리해 동작을 중단하고 싶었는데 동작이 중단되지 않고 다음 유효성 검사로 넘어가서 중단하는 방법을 찾아보았다.

 

처음에 작성한 코드

function checkIdx(idx){ 
 $.ajax({  
  method:'post',  
  data : {idx: idx},
  async:false, 
  success : function(data) { 
    if(data.status === false){
     return false;
    }
  }
 });
}

 

 

수정한 코드 1

함수 내에서 ajax로 false를 리턴 하고 싶은 값이 하나면 아래 코드를 추천한다.

function checkIdx(idx){ 
// 리턴 할 변수 추가
let nextStep = true;
 $.ajax({  
  method:'post',  
  data : {idx: idx},
  async:false, 
  success : function(data) { 
    if(data.status === false){
     nextStep = false;
    }
  }
 });
 // true or false 값을 리턴
 return nextStep;
}

 

 

수정한 코드 2

함수 내에서 ajax로 false를 리턴 하고 싶은 값이 여러 개 일 경우에는 아래 코드를 추천한다.

// 리턴 할 변수 추가
let nextStep = true;

function checkIdx(idx){ 
 $.ajax({  
  method:'post',  
  data : {idx: idx},
  async:false, 
  success : function(data) { 
    if(data.status === false){
     nextStep = false;
    }
  }
 });
}

if(nextStep === false) {return false;}