jquery中各个事件执行顺序如下：
1.ajaxStart(全局事件)
2.beforeSend
3.ajaxSend(全局事件)
4.success
5.ajaxSuccess(全局事件)
6.error
7.ajaxError (全局事件)
8.complete
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
其中，全局事件可以在ajax相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。
下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使用方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
//点击按钮，并执行ajax请求
$("#ajaxReuqestID").click(function(){
$.ajax({
url: "http://hi.baidu.com/im886",
beforeSend:function(){
$("#ajaxStateID").text("berforeSend");
alert("berforeSend");
},
success: function(){
$("#ajaxStateID").text("success");
alert("success");
},
error:function(){
$("#ajaxStateID").text("error");
alert("error");
},
complete:function(){
$("#ajaxStateID").text("complete");
alert("complete");
}
});
});
$("#ajaxStateID").ajaxStart(function(){
$(this).text("ajaxStart");
alert("ajaxStart");
}).ajaxSend(function(){
$(this).text("ajaxSend");
alert("ajaxSend");
}).ajaxSuccess(function(){
$(this).text("ajaxSuccess");
alert("ajaxSuccess");
}).ajaxError(function(){
$(this).text("ajaxError");
alert("ajaxError");
}).ajaxComplete(function(){
$(this).text("ajaxComplete");
alert("ajaxComplete");
}).ajaxStop(function(){
$(this).text("ajaxStop");
alert("ajaxStop");
});
})
</script>
</head>
<body>
<input type="button" value="点击触发ajax请求" id="ajaxReuqestID"/>
<div id="ajaxStateID"></div>
</body>
</html>
分享到：
相关推荐
根据给定文件中的描述，各个事件的执行顺序如下： 1. ajaxStart（全局事件） 2. beforeSend（局部事件） 3. ajaxSend（全局事件） 4. success（局部事件） 5. ajaxSuccess（全局事件） 6. error（局部事件） 7. ...
在这个特定的案例中，“jquery 随机焦点图轮播 蒙版提示框”指的是利用jQuery库实现一个具有随机图片顺序加载、轮播功能以及带有蒙版提示框的交互组件。接下来，我们将深入探讨这个知识点的各个方面。 首先，让我们...
在IT行业中，jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本资源“jQuery可任意拖拽排序机构菜单树.rar”提供了一个功能强大的解决方案，允许用户通过拖放操作对组织...
同时，使用CSS定位（如`position: absolute`或`position: fixed`）和适当的`z-index`来控制各个段落的叠加顺序。 3. **jQuery初始化**：在`$(document).ready()`函数中，加载jQuery库，并设置滚动事件监听器。代码...
jQuery是一个轻量级的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互。在项目中，首先需要引入jQuery库的JS文件，通常通过在HTML文件的`<head>`标签内添加如下代码来实现： ```html ...
在网页设计中，jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理、动画效果等任务。在本示例中，我们将详细探讨如何利用 jQuery 实现鼠标滑过时显示标题（title）的提示功能。这个功能通常用于...
6. 时间线管理：如果需要同步多个动画，可以使用GSAP的时间线功能，确保动画按照预期顺序执行。 通过这个项目，开发者不仅可以学习到SVG、GSAP和jQuery的基础知识，还可以掌握如何将它们结合起来创建复杂的交互式...
以下程序使用内部类实现线程，对j增减的时候没有考虑顺序问题。 107 84.4. 现在输入n个数字，以逗号”，”分开；然后可选择升或者降序排序；按提交键就在另一页面显示按什么排序，结果为，提供reset 108 84.5. 金额...
jsinc：jquery应用类、自己编写的JS函数，ajax应用入口函数 【一些定义】 签到签退缓冲：为了人性化的进行签到、签退操作，在签到、签退时间点前后设定的缓冲时间，在缓冲时间内进行签到签退都是合法的，不会被...