자바스크립트 함수에서 ajax호출후 response 값 return 하기

function 함수명(){
	$.ajax({ 
		url : 호출url,
		method:"POST"
		dataType: 'json'
		success: function (data) { 
    		return data.키;
		}
	});
}

위 예제처럼

ajax 응답 값을 리턴해주려고 했는데 응답 값이 defined다...

 

이를 처리해주기 위해서는

 

ajax 옵션 async 옵션을 false로 해서 동기식으로  설정하고

 

ajax 밖 앞단에서 변수를 선언해주고 ajax 내부에서 응답받은 값을 변수에 저장하고

ajax 밖에서 return 해주면 해결할 수 있다.

 

이를 코드로 대입해보면

 

function 함수명(){
	var retval;
	$.ajax({ 
		url : 호출url,
		method:"POST",
		dataType: 'json',
        async :false,
		success: function (data) { 
    		retval = data.키;
		}
	});
    return retval;
}

위와 같이 처리해주면 해결할 수 있다.