jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
更新时间：2016年06月02日 16:38:47 作者：双魂人生
这篇文章主要介绍了jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
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>
<mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script>
<mce:script type="text/javascript"><!--
$(function(){
//点击按钮，并执行ajax请求
$("#ajaxReuqestID").click(function(){
$.ajax({
url: "http://blog.csdn.net/gaoyusi4964238",
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");
});
})
// --></mce:script>
</head>
<body>
<input type="button" value="点击触发ajax请求" id="ajaxReuqestID"/>
<div id="ajaxStateID"></div>
</body>
</html>
以上所述是小编给大家介绍的jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序的相关知识，希望对大家有所帮助！
相关文章
这篇文章主要介绍了jQuery中offset()方法用法,实例分析了offset()方法的功能、定义及返回或设置所匹配元素相对于document对象的偏移量时的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery实现左右切换焦点图的核心代码，有需要的小伙伴可以参考下2015-04-04
jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。2009-10-10
Jquery遍历节点的方法有next、nextAll、prev、prevAll、siblings等等，大家可以根据自己的需求自由选择2014-01-01
这篇文章主要为大家详细介绍了jQuery异步提交表单的两种方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
本篇文章介绍了，关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下2013-04-04
基于HTML+CSS，jQuery编写的简易计算器后续（添加了键盘监听）
这篇文章主要介绍了使用HTML+CSS，jQuery编写的简易计算器后续（添加了键盘监听） 的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery左右滚动支持图片放大缩略图图片轮播效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
下面小编就为大家带来一篇jq给页面添加覆盖层遮罩的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
下面小编就为大家带来一篇基于JQuery的Ajax方法使用详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论