[JavaScript] jQuery.ajax()

 

기존 async 처리 방식을 async 속성으로 sync 처리하는 방법은 deprecated

$.ajax({
   url      : "/examples/media/request",         // 클라이언트가 요청을 보낼 서버의 URL 주소
   data     : { name : "Jane" },                 // HTTP 요청과 함께 서버로 보낼 데이터
   type     : "GET",                             // HTTP 요청 방식(GET, POST)
   dataType : "json"                             // 서버에서 보내줄 데이터의 타입
   async    : false,                             // 동기식으로 처리
   success : function(){
   },
   error : function(){
   },
   complete : function(){
   }
});

대신 아래와 같이 사용 가능

$.ajax({
   url      : "/examples/media/request",      // 클라이언트가 요청을 보낼 서버의 URL 주소
   data     : { name : "Jane" },              // HTTP 요청과 함께 서버로 보낼 데이터
   type     : "GET",                          // HTTP 요청 방식(GET, POST)
   dataType : "json"                          // 서버에서 보내줄 데이터의 타입
}).done(function(json){
   console.log("success");                    // HTTP 요청이 성공하면 요청한 데이터가 done() 메소드로 전달
}).fail(function(xhr, status, errorThrown){
   console.log("fail");                       // HTTP 요청이 실패하면 오류에 관한 정보가 fail() 메소드로 전달
}).always(function(xhr, status){
   console.log("complete");                   // HTTP 요청의 성공/실패와 상관없이 언제나 always() 메소드 실행
});

(참고 : api.jquery.com/jquery.ajax/)