简述jQuery ajax的执行顺序_H5之家 - 中国HTML5教程资源分享第一站

AJax技术

简述jQuery ajax的执行顺序

字号+ 作者：H5之家来源：H5之家 2016-01-15 15:21 我要评论( )

JavaScript,简述jQuery ajax的执行顺序,UDN开发者论坛,专注企业互联网开发的IT技术社区

　　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.beforeSend

　　3.ajaxSend(全局事件)

　　4.success

　　5.ajaxSuccess(全局事件)

　　6.error

　　7.ajaxError (全局事件)

　　8.complete

　　9.ajaxComplete(全局事件)

　　10.ajaxStop(全局事件)