jQueryの実行シーケンスを簡単に説明すると ajax_jquery

jQuery の Ajax のデフォルトの async は true (非同期リクエスト) です。1 つの 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 (グローバルイベント)