简述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 验证上传图片大小[客户端]
Aug 01 Javascript
jquery 插件实现图片延迟加载效果代码
Feb 06 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
JS模拟实现方法重载示例
Aug 03 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
Jul 07 Javascript
Vue组件跨层级获取组件操作
Jul 27 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
聊聊JS ES6中的解构
Apr 29 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
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
javascript void(0)的妙用
2009/10/21 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
详解使用Node.js 将txt文件转为Excel文件
2017/07/05 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
基于python批量处理dat文件及科学计算方法详解
2018/05/08 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
基于Keras中Conv1D和Conv2D的区别说明
2020/06/19 Python
python中取绝对值简单方法总结
2020/07/24 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
会计专业毕业生自我评价
2013/09/25 职场文书
护理实习自我鉴定
2013/12/14 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
家长学校教学计划
2015/01/19 职场文书
趣味运动会赞词
2015/07/22 职场文书
php去除数组中为0的元素的实例分析
2021/11/17 PHP
实现GO语言对数组切片去重
2022/04/20 Golang