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>
分享到：
相关推荐
jquery ajax顺序执行问题，加入async:false
下面将详细解释$.ajax的各个事件以及它们的执行顺序： 1. ajaxStart（全局事件） ajaxStart事件是在页面上第一个Ajax请求开始之前触发的全局事件。这个事件通常用于执行一些需要在所有Ajax请求开始前进行的初始化...
**jQuery AJAX分页技术详解** 在Web开发中，分页是一种常见的数据展示方式，它能够有效地组织大量数据，提高页面加载速度，优化用户体验。jQuery，一个轻量级、功能丰富的JavaScript库，结合AJAX（异步JavaScript和...
以上内容详细介绍了jQuery中Ajax全局事件的引用方式和各个事件的执行顺序，希望对想要在Web开发中使用jQuery处理Ajax请求的开发者有所启发和帮助。通过合理利用这些事件，可以使网页的用户体验更加流畅和友好。
综上所述，这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据，结合jQuery的AJAX功能，实现无刷新的交互体验，优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例，...
在jQuery中，`ajaxSend`、`ajaxComplete`、`ajaxSuccess`、`ajaxError`等事件是Ajax过滤器的一部分，它们允许我们在Ajax请求的生命周期中插入自定义的行为。通过绑定这些事件，我们可以监听Ajax请求的状态，比如在...
在Web开发中，动态交互是提升用户体验的重要手段，而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据交换，实现实时计算功能，无需...
在这个"JqueryAjax简单实例"中，我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先，我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
在IT行业中，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理以及与服务器的数据交互。在给定的标题和描述中，主要涉及两个关键知识点：使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能...
在Web开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单，从而实现异步数据交换，提高用户体验。 首先，jQuery的...
Struts2作为一个MVC（Model-View-Controller）框架，提供了强大的控制层逻辑，而jQuery则是一种高效的JavaScript库，简化了DOM操作、事件处理以及Ajax通信。在这个"商品小系统"中，它们的结合使用可以实现快速的数据...
在jQuery库中，AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数，它允许我们配置各种选项来定制请求，如URL、请求类型（GET或POST）、数据类型（JSON、XML、HTML等）以及请求成功或...
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
在Web开发中，jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能，特别是如何利用它进行异步用户名验证。Ajax，即Asynchronous JavaScript and ...
"jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先，jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...
jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;
在网页开发中，jQuery AJAX 是一种非常重要的技术，它允许前端和后端进行异步通信，无需刷新整个页面。无刷验证（又称实时验证或AJAX验证）是这种技术的一个典型应用，它提高了用户体验，因为在用户输入数据时，可以...
开发者可以使用Jquery的Ajax方法来发起请求，监听Ajax事件，如`start`、`progress`、`complete`等，根据服务器返回的进度信息动态更新进度条的状态。 在前端实现过程中，可能包含以下步骤： 1. 使用Jquery选择器...