jquery ajax全局事件
2015-06-07 10:13
597 查看
$(document).ajaxStart(onStart) .ajaxComplete(onComplete) .ajaxSuccess(onSuccess);
function onStart(event) {
//.....方法体
}
function onComplete(event, xhr, settings) {
//.....<span style="font-family: Arial, Helvetica, sans-serif;">方法体</span>
}
function onSuccess(event, xhr, settings) {
//.....<span style="font-family: Arial, Helvetica, sans-serif;">方法体</span>
}
[html] view
plaincopy
</pre><pre name="code" class="html"><pre name="code" class="html"><span style="font-size:18px;">$("#msg").beforeSend(function(e,xhr,o) {
$(this).html("正在请求"+o.msg);
}).ajaxSuccess(function(e,xhr,o) {
$(this).html(o.msg+"请求成功");
}).ajaxError(function(e,xhr,o) {
$(this).html(o.msg+"请求失败");
});</span>
事件的顺序如下:
ajaxStart 全局事件
开始新的Ajax请求,并且此时没有其他ajax请求正在进行。
beforeSend 局部事件
当一个Ajax请求开始时触发。如果需要,你可以在这里设置XHR对象。
ajaxSend 全局事件
请求开始前触发的全局事件
success 局部事件
请求成功时触发。即服务器没有返回错误,返回的数据也没有错误。
ajaxSuccess 全局事件
全局的请求成功
error 局部事件
仅当发生错误时触发。你无法同时执行success和error两个回调函数。
ajaxError 全局事件
全局的发生错误时触发
complete 局部事件
不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件。
ajaxComplete 全局事件
全局的请求完成时触发
ajaxStop 全局事件
当没有Ajax正在进行中的时候,触发。
总是全局事件高于局部事件
项目实例:
$.ajax({
beforeSend: function(){
function onStart(event) {
$("#ajax").css('display','block').text("正在加载中...")
var load=setInterval(function(){
$("#ajax").text("正在加载中....");
setTimeout(function(){
$("#ajax").text("正在加载中...");
},500)
},1000)
}
},
url:'ajax.php?act=more',
data:{"length":dllen,
"key":id},
dataType:'text',
Type:'',
success:function(data){
//alert(data);
$("#ajax").hide();
//cleatInterval(load);
$("#edit-main").append(data);
addscript();
}
})
function onStart(event) {
//.....方法体
}
function onComplete(event, xhr, settings) {
//.....<span style="font-family: Arial, Helvetica, sans-serif;">方法体</span>
}
function onSuccess(event, xhr, settings) {
//.....<span style="font-family: Arial, Helvetica, sans-serif;">方法体</span>
}
[html] view
plaincopy
</pre><pre name="code" class="html"><pre name="code" class="html"><span style="font-size:18px;">$("#msg").beforeSend(function(e,xhr,o) {
$(this).html("正在请求"+o.msg);
}).ajaxSuccess(function(e,xhr,o) {
$(this).html(o.msg+"请求成功");
}).ajaxError(function(e,xhr,o) {
$(this).html(o.msg+"请求失败");
});</span>
事件的顺序如下:
ajaxStart 全局事件
开始新的Ajax请求,并且此时没有其他ajax请求正在进行。
beforeSend 局部事件
当一个Ajax请求开始时触发。如果需要,你可以在这里设置XHR对象。
ajaxSend 全局事件
请求开始前触发的全局事件
success 局部事件
请求成功时触发。即服务器没有返回错误,返回的数据也没有错误。
ajaxSuccess 全局事件
全局的请求成功
error 局部事件
仅当发生错误时触发。你无法同时执行success和error两个回调函数。
ajaxError 全局事件
全局的发生错误时触发
complete 局部事件
不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件。
ajaxComplete 全局事件
全局的请求完成时触发
ajaxStop 全局事件
当没有Ajax正在进行中的时候,触发。
总是全局事件高于局部事件
项目实例:
$.ajax({
beforeSend: function(){
function onStart(event) {
$("#ajax").css('display','block').text("正在加载中...")
var load=setInterval(function(){
$("#ajax").text("正在加载中....");
setTimeout(function(){
$("#ajax").text("正在加载中...");
},500)
},1000)
}
},
url:'ajax.php?act=more',
data:{"length":dllen,
"key":id},
dataType:'text',
Type:'',
success:function(data){
//alert(data);
$("#ajax").hide();
//cleatInterval(load);
$("#edit-main").append(data);
addscript();
}
})
相关文章推荐
- Jquery Ajax遍历list
- jQuery系列:DOM操作
- [推荐电子图书]-[jquery视频教程 初级+高级][25课程]
- jQuery 取值、赋值的基本方法整理
- OpenLayers学习笔记4——使用jQuery UI实现测量对话框
- OpenLayers学习笔记3——使用jQuery UI美化界面设计
- jQuery文件上传插件Uploadify
- jQuery表单 Ajax向PHP服务端发送文件请求并返回数据
- JQuery中的DOM操作
- jQuery获取绑定自定义事件的元素
- 两点关于jQuery的注意事项
- jquery mobile基础
- jquery extend jquery插件扩展
- 又发现一款好用的popup插件(jquery.fancybox.js)
- html5+jQuery实现数字时钟/模拟时钟
- jQuery选择器总结
- jquery特效-淘宝聚惠11.11效果
- css3+jquery仿win7开机效果
- jquery 如何创建类似java map集合
- jQuery基础总结1