jQuery ajax的執行順序簡單介紹

jQuery Ajax的async預設是true(非同步請求)。

如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false即可.

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
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);
    }
  });
}