简述jQuery ajax的执行顺序


Posted in Javascript onJanuary 05, 2016

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(全局事件)

Javascript 相关文章推荐
jQuery输入城市查看地图使用介绍
May 08 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
Jun 21 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
Jun 14 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
Nov 06 Javascript
JavaScript中的this原理及6种常见使用场景详解
Feb 14 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
JavaScript类型系统之正则表达式
Jan 05 #Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 #Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 #Javascript
AngularJS 使用$sce控制代码安全检查
Jan 05 #Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 #Javascript
浅谈javascript 函数表达式和函数声明的区别
Jan 05 #Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 #Javascript
You might like
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
WordPress中"无法将上传的文件移动至"错误的解决方法
2015/07/01 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
解析js中获得父窗口链接getParent方法以及各种打开窗口的方法
2013/06/19 Javascript
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
2015/12/04 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
es6新特性之 class 基本用法解析
2018/05/05 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
python 写入csv乱码问题解决方法
2016/10/23 Python
Python 3中的yield from语法详解
2017/01/18 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
PyQt5 QTableView设置某一列不可编辑的方法
2019/06/25 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
运动鞋、街头服装、手表和手袋的实时市场:StockX
2020/11/25 全球购物
求职简历的自我评价
2014/01/31 职场文书
业务员的岗位职责
2014/03/15 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
Python实现机器学习算法的分类
2021/06/03 Python