简述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 相关文章推荐
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
JavaScript对IE操作的经典代码(推荐)
Mar 10 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
Jun 21 Javascript
Vue表单控件数据绑定方法详解
Feb 05 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 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中使用websocket详解
2016/09/23 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
Vuejs第十篇之vuejs父子组件通信
2016/09/06 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
vue.js的安装方法
2017/05/12 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
Python3 入门教程 简单但比较不错
2009/11/29 Python
Python简单日志处理类分享
2015/02/14 Python
机器学习python实战之决策树
2017/11/01 Python
python使用turtle库绘制时钟
2020/03/25 Python
基于python实现学生管理系统
2018/10/17 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
2019/02/22 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
CSS3地图动态实例代码(圆圈向外扩散)
2018/06/15 HTML / CSS
HTML5 canvas基本绘图之绘制线段
2016/06/27 HTML / CSS
HTML5 在canvas中绘制文本附效果图
2014/06/23 HTML / CSS
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
比较基础的php面试题及答案-填空题
2014/04/26 面试题
乡镇创先争优活动总结
2014/08/28 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
患者身份识别制度
2015/08/06 职场文书
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS