ajax 호출 success, done()

• ajax 호출 시 success 사용 방법

$.ajax({
			url: "/",
			data: inputValue,
			method: "POST",
			async: false,
			beforeSend : function() {   
			// ajax 요청을 보내기 전 먼저 실행되는 함수
				if (inputValue.firstTimes > inputValue.lastTimes) {
					alert("첫 단이 마지막 단보다 작아야합니다.");
					return false; 
					// 이 함수가 실행되면 ajax 요청이 보내지지 않도록 해주는 부분 -> beforeSend 시점에서 중단!
				}
			},
			success : function(returnValue) {
				printTimesTable(returnValue);
			}
		});

• success의 경우 ajax 호출 안에서 작성된다.
• post 방식의 url "/"로 inputValue 데이터를 전송하는 ajax를 호출하였고요청이 성공하면 리턴받은 값이 returnValue에 저장이 되어 이를 printTimesTable 함수의 매개변수로 사용해주었다.

 

• ajax 호출 시 done 사용 방법

$.ajax({
			url: "/",
			data: inputValue,
			method: "POST",
			async: false,
			beforeSend : function() {   
			// ajax 요청을 보내기 전 먼저 실행되는 함수
				if (inputValue.firstTimes > inputValue.lastTimes) {
					alert("첫 단이 마지막 단보다 작아야합니다.");
					return false; 
					// 이 함수가 실행되면 ajax 요청이 보내지지 않도록 해주는 부분 -> beforeSend 시점에서 중단!
				}
			}
		})
		// beforeSend에 문제가 없고 데이터도 정상적으로 받아오면 실행되는 함수
		.done(function(returnValue) {
			printTimesTable(returnValue);
		});

• done()의 경우 ajax의 바깥부분에서 사용되며 success와 동일하게 리턴받은 값을 returnValue에 저장하고 이를 printTimesTable의 매개변수로 사용하였다.