jQuery ajax - ajaxSuccess() 方法以及其他的状态
2017-12-20 19:24
232 查看
当 AJAX 请求成功完成时,触发提示框:
$("div").ajaxSuccess(function(){
alert("AJAX 请求已成功完成");
});
ajaxSuccess() 方法在 AJAX 请求成功时执行函数。它是一个 Ajax 事件。
XMLHttpRequest 对象和设置作为参数传递给回调函数。
无论 Ajax 请求在何时成功完成 ,jQuery 都会触发该 ajaxSuccess 事件。在此时,由 .ajaxSuccess() 方法注册的任何函数都会被执行。
.ajaxSuccess(function(event,xhr,options))
AJAX 请求成功后显示消息:
$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<p>请求成功!</p>");
});
最后可以加多一个data的参数,获取请求的结果。
var ajaxSuccess = function(){//全局监测ajax请求
$(document).on('ajaxSuccess', function(e, xhr, options, data){
if(data.retCode == '-1030024'){//如果获取到退出状态,那么当前页直接变成登录页
window.location.href = window.location.host + '/user/login';
}
});
}
ajaxSuccess();
jQuery中各个事件执行顺序如下:
1.ajaxStart(全局事件)
2.beforeSend
3.ajaxSend(全局事件)
4.success
5.ajaxSuccess(全局事件)
6.error
7.ajaxError (全局事件)
8.complete
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
先执行success,再执行error,最后始终执行complete
----------------------
区别的就是 ---
success:当请求成功时调用函数,即status==200;
complete:当请求完成时调用函数,即status==404、403、302...只要不出错就行。
因为通常我们需要用来清理资源 所以就设计成compelete在success之后执行
$("div").ajaxSuccess(function(){
alert("AJAX 请求已成功完成");
});
ajaxSuccess() 方法在 AJAX 请求成功时执行函数。它是一个 Ajax 事件。
详细说明
XMLHttpRequest 对象和设置作为参数传递给回调函数。无论 Ajax 请求在何时成功完成 ,jQuery 都会触发该 ajaxSuccess 事件。在此时,由 .ajaxSuccess() 方法注册的任何函数都会被执行。
语法
.ajaxSuccess(function(event,xhr,options))参数 | 描述 |
function(event,xhr,options) | 必需。规定当请求成功时运行的函数。 额外的参数: event - 包含 event 对象 xhr - 包含 XMLHttpRequest 对象 options - 包含 AJAX 请求中使用的选项 |
示例
AJAX 请求成功后显示消息:$("#msg").ajaxSuccess(function(evt, request, settings){
$(this).append("<p>请求成功!</p>");
});
最后可以加多一个data的参数,获取请求的结果。
var ajaxSuccess = function(){//全局监测ajax请求
$(document).on('ajaxSuccess', function(e, xhr, options, data){
if(data.retCode == '-1030024'){//如果获取到退出状态,那么当前页直接变成登录页
window.location.href = window.location.host + '/user/login';
}
});
}
ajaxSuccess();
jQuery中各个事件执行顺序如下:
1.ajaxStart(全局事件)
2.beforeSend
3.ajaxSend(全局事件)
4.success
5.ajaxSuccess(全局事件)
6.error
7.ajaxError (全局事件)
8.complete
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
先执行success,再执行error,最后始终执行complete
----------------------
区别的就是 ---
success:当请求成功时调用函数,即status==200;
complete:当请求完成时调用函数,即status==404、403、302...只要不出错就行。
因为通常我们需要用来清理资源 所以就设计成compelete在success之后执行
相关文章推荐
- 关于Entity Framework更新的几种方式以及可能遇到的问题(附加类型“Model”的实体失败,因为相同类型的其他实体已具有相同的主键值)在使用 "Attach" 方法或者将实体的状态设置为 "Unchanged" 或 "Modified" 时如果图形中的任何实体具有冲突键值,则可能会发生上述行为
- c#常用的数据转换方法以及其他方法
- 向指定 URL 发送POST方法的请求(状态码200和其他有区别)
- csshover.htc 以及简单使用方法(解决IE6下 :hover 在其他标签下无效问题)
- 基于PHP的加载类操作以及其他两种魔术方法的应用实例
- 判断状态栏是否显示以及获取状态栏高度的方法
- Nubia Z5S官方4.4 UI2.0音频Audio部分简单分析(也适用于其他8974/8064机型)以及减少破音出现几率的方法
- http头状态信息意议以及在php使用header设置方法
- jQuery ajax serialize()方法的使用以及常见问题解决
- 通过选择时间获取当前时间属于本年的第几周的方法以及其他几种时间控件
- 用Android studio多渠道打包以及使用不同资源(包括icon或者其他图片等) 方法二
- C#实现camel字符串转换(以及查阅后总结的一些其他C#中string类中的方法)
- js用来区别IE与其他浏览器以及IE6-8的方法
- Android Toast 设置到屏幕中间以及其他自定义Toast的实现方法
- jQuery Ajax 方法调用 Asp.Net WebService 以及调用aspx.cs中方法的详细例子
- jquery ajax的参数以及使用方法详解
- 使按钮变成失效状态,input框变成只读模式以及其他一些页面控制
- 【SSH三大框架】Hibernate基础第三篇:实体对象的三种状态以及get、load、persist三个方法的详解
- 判断当前锁屏状态以及上锁去锁方法
- python字典的其他操作以及涉及到的方法