[jQuery] ajax의 error, success 그리고 complete

ajax call을 하게 되면 비동기식으로 http 요청을 수행합니다.

Server가 받아서 처리하고 결과를 보내주겠지요.

 

Server에서 보낸 결과에 대한 응답에 따라

Client에서는 처리할 준비를 해야합니다.

 

우리는 크게 3가지의 statement를 통해 

결과에 대한 처리를 할 수 있습니다.

(물론, 더 많아요...)

$.ajax({
    type : 'POST',
    url : sUrl,
    data : data,
    error : function(error) {
        alert("Error!");
    },
    success : function(data) {
        alert("success!");
    },
    complete : function() {
        alert("complete!");    
    }
});
 

 

error와 success 그리고 complete에 대해서 알아보겠습니다.

 

사실... 뭐 별거 없습니다.

Client에서 Server단으로 요청하는 형식의 ajax에서는

언제 결과가 Client로 올지 확신할 수 없습니다.

 

ajax의 a 자체가 asynchronous

즉, 비동기 처리이니깐 말입니다.

 

아무튼... Client는 

백날 Server에 응답을 기다릴 수 없습니다.

 

그렇기에 Callback 형식으로 

Server로부터의 응답을 기다리게 됩니다.

 

Server가 응답을 해주지요.

 

 

나이스~ 

 

 

그러면 이제 Client에서는 처리를 해줘야합니다.

 

 

 

요청이 성공일 때 호출되는 Callback 함수입니다.

 

이와 반대로 

 

 

Error의 경우 요청결과가 실패일 경우 

호출되는 Callback 함수입니다.

 

 

마지막으로 Complete라는 녀석은 말입니다....

 

 

 

complete는 C/C++ 언어로 따지면

finally라고 이해하셔도 좋을 것 같습니다.

 

error나 success Callback 함수가 수행된 후에 실행되는 함수입니다.

퍼온 곳 : https://blog.shovelman.dev/829?category=649633 [한글로는 삽잡이, 영어로는 shovelman]