简述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轻松处理json文本方便而老古
Feb 17 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
May 07 Javascript
详细分析vue响应式原理
Jun 22 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
vue项目两种方式实现竖向表格的思路分析
Apr 28 Vue.js
详解 TypeScript 枚举类型
Nov 02 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 计算两个时间戳相隔的时间的函数(小时)
2009/12/18 PHP
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
Yii2框架BootStrap样式的深入理解
2016/11/07 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
PHP 配置后台登录以及模板引入
2017/01/24 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
jQuery实用技巧必备(中)
2015/11/03 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python基于lxml模块解析html获取页面内所有叶子节点xpath路径功能示例
2018/05/16 Python
python实现将读入的多维list转为一维list的方法
2018/06/28 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例
2020/03/08 Python
python操作yaml说明
2020/04/08 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
探索欧洲最好的品牌:Bombinate
2019/06/14 全球购物
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
周鸿祎:教你写创业计划书
2013/12/30 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
python用海龟绘图写贪吃蛇游戏
2021/06/18 Python
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS