jQuery에서 Ajax의 기본 async는 true(비동기 요청)입니다. 하나의 Ajax가 실행된 후 다른 Ajax를 실행하려면 async=false를 설정해야 합니다.
코드는 다음과 같습니다.
function TestAjax() { var UserName = $("#txtUserName").val(); $.ajax({ url:"AjaxCheckUserName.htm", async:false, success:function(data){ alert(data); } }); alert('Test'); $.ajax({ url:"AjaxHandler.ashx", async:false, data:"UserName=" + UserName, success:function(data){ $("#divAjax").html(data); }, error:function(msg){ alert(msg.responseText); } }); }
그런 다음 각 jquery $.ajax 이벤트의 실행 순서를 살펴보세요
실행 순서는 다음과 같습니다.
1.ajaxStart(글로벌 이벤트)
2.보내기 전
3.ajaxSend(글로벌 이벤트)
4.성공
5.ajaxSuccess(글로벌 이벤트)
6.오류
7.ajaxError(전역 이벤트)
8.완료
9.ajaxComplete(글로벌 이벤트)
10.ajaxStop(글로벌 이벤트)