简述jQuery ajax的执行顺序
更新时间：2016年01月05日 14:29:03 作者：gogoggo
jquery ajax的执行顺序大家在项目经常会颠倒，下面通过本文给大家介绍jquery ajax的执行顺序，涉及到jquery ajax执行顺序相关知识，对jquery ajax执行顺序相关知识感兴趣的朋友一起学习吧
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(全局事件)
您可能感兴趣的文章:
相关文章
想在页面加载完成后，有几个地方显示当前时间，所以想通过jquery给多个span赋值,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery实现的别踩白块小游戏,结合实例形式详细分析了jQuery针对页面元素的计算、判定、动态操作相关实现技巧,需要的朋友可以参考下2019-01-01
jQuery实现回车键（Enter）切换文本框焦点的代码实例
这篇文章主要介绍了jQuery实现回车键（Enter）切换文本框焦点的代码实例,需要的朋友可以参考下2014-05-05
jquery插件如何使用 jQuery操作Cookie插件使用介绍
本文将介绍jQuery如何操作Cookie插件,需要了解的朋友可以参考下2012-12-12
这篇文章主要为大家详细介绍了jquery实现图片上传前本地预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家详细介绍了JQuery+PHP图片在线裁剪实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
本篇文章主要介绍了jquery中each循环的简单回滚操作的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
这篇文章主要介绍了jquery中在页面加载完成后执行某个方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
下面小编就为大家带来一篇Easyui使用Dialog行内按钮布局的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
扩展easyui.datagrid，添加数据loading遮罩效果代码
easyui可以说是轻量级的前端UI框架，更新到1.2.1支持更多的事件，方法和属性2010-11-11
最新评论