简述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 相关文章推荐
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
React 子组件向父组件传值的方法
Jul 24 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
详解Node.js如何处理ES6模块
May 15 Javascript
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
支持php4、php5的mysql数据库操作类
2008/01/10 PHP
php缩小png图片不损失透明色的解决方法
2013/12/25 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
PHP使用NuSOAP调用Web服务的方法
2015/07/18 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
PHP如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
jQuery 工具函数学习资料
2010/04/29 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
详解几十行代码实现一个vue的状态管理
2019/01/28 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
举例讲解Python中装饰器的用法
2015/04/27 Python
详解Python编程中包的概念与管理
2015/10/16 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
python使用锁访问共享变量实例解析
2018/02/08 Python
django+mysql的使用示例
2018/11/23 Python
Python中作用域的深入讲解
2018/12/10 Python
Python模块future用法原理详解
2020/01/20 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
金额转换,阿拉伯数字的金额转换成中国传统的形式如:(¥1011)-> (一千零一拾一元整)输出
2015/05/29 面试题
保密承诺书
2014/03/27 职场文书
委托书范本
2014/04/02 职场文书
教师个人自我剖析材料
2014/09/29 职场文书
借钱欠条怎么写
2015/07/03 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫