简述jQuery ajax的执行顺序
作者:bea
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); }
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(全局事件)
有用 | 无用
代码如下:
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(全局事件)
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript类型系统之基本数据类型与包装类型
- 4种JavaScript实现简单tab选项卡切换的方法
- js针对ip地址、子网掩码、网关的逻辑性判断
- js判断当前页面在移动设备还是在PC端中打开
- js判断当前页面用什么浏览器打开的方法
- javascript中闭包(Closure)详解
- 果断收藏9个Javascript代码高亮脚本
- 基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
- JavaScript实现简单的tab选项卡切换
- javascript实现简单的全选和反选功能
- Javascript原型链的原理详解
- 深入浅析JavaScript系列(13):This? Yes,this!
- 基于javascript实现图片懒加载
- this,this,再次讨论javascript中的this,超全面(经典)
- 基于javascript实现图片预加载
- JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
- javascript设置和获取cookie的方法实例详解
- javascript简单比较日期大小的方法
- js与jQuery实现checkbox复选框全选/全不选的方法