제이쿼리 ajax 사용방법 및 순서대로 코드실행이 안되는경우

ajax 사용방법 및 순서대로 코드실행이 안되는경우

ajax 기본형태

$.ajax({

type: 'POST',

url: "/test.php",

data: {"name": "gogogo"},

dataType : "json",

async: false,

complete: function(data){

//통신완료시

},

success: function(data){

//통신성공시

},

error: function(){

//통신실패시

},

fail: function(){

//오류발생시

}

});

post 로 간단히 보낼 경우

$.post("/test.php", {"name" : "gogogo"}, function(data){

});

-

ajax 호출시 코드가 순서대로 실행되지 않거나 섞이는 경우가 있다.

ajax가 비동기식으로 동작하여 발생하는 문제인데

이때는 async: false로 변경해 동기식으로 바꿔 해결하거나

success: function(data){ } 안에 코드를 넣어 요청 완료후 실행될수 있도록한다.