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相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。 下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使
1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.ajaxSuccess(全局事件) 6.error 7.ajaxError (全局事件) 8.complete 9.ajaxComplete(全局事件) 10.ajaxStop(全局事件)
jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非... 注意，所有的选项都可以通过$.ajaxSetup()函数来全局设置。
jquery 取得$.ajax事件中的返回值，并添加事件 代码如下:<html> <head> <title>测试JQUERY提交动态文本</title> [removed][removed] [removed] $(function(){ //引用的jquery文件我就不上传...
noquery-ajax不支持jQuery的ajax功能的所有功能，但它应具有足够的处理能力，以便大多数站点可以简单地对ajax执行$.ajax的全局替换。 压缩后小于2KB，压缩后小于1KB（从v0.3.0起为888字节）。 安装 npm install ...
会灵活的运用ajax的方法，非常重要，本文先给大家介绍ajax的几种方法，然后通过实例给大家分析...此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async: 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求
俗说好记性不如个烂笔头，下面是jquery中的ajax方法参数详解，这里...此设置将覆盖$.ajaxSetup()方法的全局设置。 4.async: 要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。如果需要发送同步请求，
注意：$.get()和$.post()方法是jQuery中的全局函数。前面讲到的load()方式是对jQuery对象进行操作的。 1、 $.get()方法 $.get()方法使用GET方式来进行异步请求。 它的语法结构为： $.get( url [, data] [, ...
代码如下: $.ajax({ type: “GET”, url: “Services/EFService.svc/Members”, data: “{}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function (data) { // Play with ...
目前有个需求是在文本框填入内容，自动触发keyup事件，下拉列表会自动过滤相应的选项，但是使用了$,ajax后发现，每次触发事件时，都导致整个网页闪烁，触发了全局ajax事件 代码片段 $.ajax({ type: POST, url: root...
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子，一看代码，你就能明白jquery里实现ajax是怎么回事了，简单明了。
在Ajax进行后台数据请求的过程中，我们有时候会希望用户能知道页面后台还在做一些事情，这时候就需要给用户一个非常明确...Jquery全局配置Ajax的方式为： $.ajaxSetup({ beforeSend: function () { //ajax请求之前 }
本文实例讲述了jQuery简单注册和禁用全局事件的方法。分享给大家供大家参考，具体如下： //jQuery注册ajax全局事件ajaxStart，...//$.ajax() 有个参数global (默认: true) 是否触发全局 AJAX 事件. //设置为 fal
此设置将覆盖$.ajaxSetup()方法的全局设 置。 async：要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。 如果需要发送同步请求，请将此选项设置为false。注意，同步请求将锁住浏览器，用户其他操作...
“$.parseHTML”也提供了一种方式将HTML解析为DOM片段，并控制可能包含的任何脚本的执行。这对于由Content Security Policy (CSP)控制的JavaScript环境来说特别重要，因为注入的脚本可能导致安全警告或异常。 在...
var _ajax = $.ajax; // 重写ajax方法，先判断登录在执行success函数 $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data,...
局部事件：可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件，则可以设置global:false。 全局事件：跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍： ...
主要的技术： 1、$.load()方法的应用 2、$.get()方法的应用 3、$.post()方法的应用 4、$.ajax()方法的应用 5、序列化元素serialize()方法的应用 6、Ajax全局事件