ajax异步请求302分析
1.前言
遇到这样一种情况,打开网页两个窗口a,b(都是已经登录授权的),在a页面中退出登录,然后在b页面执行增删改查,这个时候因为授权原因,b页面后端的请求肯定出现异常(对这个异常的处理,进行内部跳转处理),b页面中的ajax请求的回调中就会出现问题,今天遇到了,有种恍然大悟的感觉,打开以前公司的网站发现全都没做任何处理......
没遇到过错误,永远不知道错误会什么时候出现。
2.问题:在ajax异步请求中,如果服务端出现内部跳转,如何在回调中处理
我们先来看这样一个简单的ajax异步请求
$.ajax({
url: '/User/Add',
type: 'post',
data: data,
success:function(data,status)
{
console.log('data:'+data);
console.log('status:'+status);
},
complete: function(xhr){
console.log(xhr.status);
},
error: function (xhr) {
debugger;
console.log(xhr.status);
}
});
后端处理时,抛出异常,出现了内部重定向
稍微简单解释一下,用的mvc,加了一个全局的异常,在Add方法中抛出异常,在OnException会进行捕获到这个异常,代码很简单也比较典型。
public class GlobalHandlerErrorAttribute : HandleErrorAttribute
{
public override void OnException(ExceptionContext actionExecutedContext)
{
actionExecutedContext.HttpContext.Response.Redirect("/User/Login");
}
}
public ActionResult Add(UserModel model)
{
throw new HttpException("un authorize");
}
结果是什么?
回调中会进入到success方法,输入data:是Login页面的整个内容,status:success ,完成回调complete中输出的是200,并不会和我们预期进入到error方法中来。
3.原因
用一句话来形容上面的问题就是:ajax异步请求A,A内部重定向到B。
得到的答案是:
1.ajax回调方法success中得到是B页面内容
2.ajax是用于处理数据的,并不会按照服务器的内部跳转而进行跳转,如果要跳转可以根据回调中信息进行跳转。
3.ajax请求,后端出现跳转,不会进入到error回调中的,当然回调中跳转到一个不存在的页面,那是会进入error方法中来的。
当服务器将302响应发给浏览器时,浏览器并不是直接进行ajax回调处理,而是先执行302重定向,回调success中获取的内容是重定向后的页面。
jquery源码中是这样写的,http状态码200-300或者304才会进入success回调的
isSuccess = status >= 200 && status < 300 || status === 304;//确定请求是否成功
// Cache response headers
responseHeadersString = headers || "";
// Set readyState
jqXHR.readyState = status > 0 ? 4 : 0;
// Determine if successful
isSuccess = status >= 200 && status < 300 || status === 304;
// Get response data
if ( responses ) {
response = ajaxHandleResponses( s, jqXHR, responses );
}
// Convert no matter what (that way responseXXX fields are always set)
response = ajaxConvert( s, response, jqXHR, isSuccess );
// If successful, handle type chaining
if ( isSuccess ) {
// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
if ( s.ifModified ) {
modified = jqXHR.getResponseHeader("Last-Modified");
if ( modified ) {
jQuery.lastModified[ cacheURL ] = modified;
}
modified = jqXHR.getResponseHeader("etag");
if ( modified ) {
jQuery.etag[ cacheURL ] = modified;
}
}
// if no content
if ( status === 204 || s.type === "HEAD" ) {
statusText = "nocontent";
// if not modified
} else if ( status === 304 ) {
statusText = "notmodified";
// If we have data, let's convert it
} else {
statusText = response.state;
success = response.data;
error = response.error;
isSuccess = !error;
}
} else {
// We extract error from statusText
// then normalize statusText and status for non-aborts
error = statusText;
if ( status || !statusText ) {
statusText = "error";
if ( status < 0 ) {
status = 0;
}
}
}
4.如何处理ajax异步请求后端跳转
ajax异步请求数据,后端出现跳转,这个时候说明程序出现了异常,可以捕获到这个异常,返回给前端,前端ajax根据返回信息,进行判断,给出正确的提示。
在全局异常中可以这样返回给前端
actionExecutedContext.Result = new JsonResult()
{
Data = new ViewModels.Web.Response.JsonResultModel()
{
code = 302,
message = "具体的错误信息",
success = false
}
};
前端可以进行判断,给出相应的提示信息或者直接跳转
$.ajax({
url: '/User/Add',
type: 'post',
data: data,
success:function(data,status)
{
if(code==302)
{
alert(data.message);
//location.href='/User/Login' 也可以在返回类型加一个字段location,那就直接location.href='/User/Login/'
}
console.log('data:'+data);
console.log('status:'+status);
},
complete: function(xhr){
console.log(xhr.status);
},
error: function (xhr) {
debugger;
console.log(xhr.status);
}
});
5.总结
1.ajax success回调处理,具体状态码为 status >= 200 && status < 300 || status === 304
2.ajax是用于异步获取数据的,并不是用于页面跳转
3.mvc中,如果给某些方法设置权限,就会导致权限验证,从而产生跳转登陆界,应该加上全局的异常捕获,既然是ajax请求,说明请求数据出现异常,应该给出相应的错误信息提示,这个提示也应该在服务器进行确定,前端负责展示。
4.ajax异步请求中,服务器不应该出现直接跳转。
有兴趣的可以关注一下我的微信公众号[dotNet全栈开发],分享一些编程相关的经典文章
ajax异步请求302分析的更多相关文章
- ajax异步请求302
我们知道,只有请求成功ajax才会进行回调处理,具体状态码为 status >= 200 && status < 300 || status === 304; 这一点通过查 ...
- jquery Ajax异步请求之session
写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...
- ajax异步请求Response.Redirect重定向
一个ajax异步请求报错->捕获异常->重定向错误提示页面. 一个简单的流程 结果一直搞不定.重定向无效.各种百度之. 后来突然想起 ajax的请求是不能在后台重定向的. 如果硬要重定向 ...
- ajax异步请求实例
1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...
- ajax异步请求
做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...
- spring HandlerInterceptorAdapter拦截ajax异步请求,报错ERR_INCOMPLETE_CHUNKED_ENCODING
话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...
- jquery的ajax异步请求接收返回json数据
http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...
- MVC&WebForm对照学习:ajax异步请求
写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...
- AJAX异步请求原理和过程
AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...
随机推荐
- Vue--学习过程中遇到的坑
在这里总结一下学习Vue遇到的易错点,持续更新 1.实例化一个Vue对象: 通过new Vue({ el:'#id', data:{ a:'字符串1', b:‘字符串2’ }) 这里的Vue必须大写V ...
- 你需要知道的Android拍照适配方案
拍照功能实现 Android 程序上实现拍照功能的方式分为两种:第一种是利用相机的 API 来自定义相机,第二种是利用 Intent 调用系统指定的相机拍照.下面讲的内容都是针对第二种实现方式的适配. ...
- lvs+keepalive实现主从效果,以及RS健康监测和tcp,udp实现非web的负载均衡
前面文章讲到了tcp和udp负载均衡,但是没有健康监测,这几天我优化了一下上次的操作.当然,我也是用的跨网段的通讯,因为线上业务主要是海外业务,所以做了iptables流量转发 IP: lvs-mas ...
- Python学习 Part4:模块
Python学习 Part4:模块 1. 模块是将定义保存在一个文件中的方法,然后在脚本中或解释器的交互实例中使用.模块中的定义可以被导入到其他模块或者main模块. 模块就是一个包含Python定义 ...
- 设计模式之策略模式(Strategy Pattern)
模板方法是通过继承实现的,在父类中定义出算法的骨架,将不同点在子类中实现.而策略模式是通过接口实现的,策略中定义了完整的算法.它们有点像啊-- 策略模式的定义 策略模式(Strategy Patter ...
- 数据库连接池dbcp和c3po的区别
1 DBCP DBCP是 apache 上的一个 java 连接池项目,也是 tomcat 使用的连接池组件. 2.C3P0 是一个开放源代码的JDBC连接池,它在lib目录中与Hibernate ...
- 使用 Java8 Optional 的正确姿势(转)
我们知道 Java 8 增加了一些很有用的 API, 其中一个就是 Optional. 如果对它不稍假探索, 只是轻描淡写的认为它可以优雅的解决 NullPointException 的问题, 于是代 ...
- linux线程及互斥锁
进程是资源管理的最小单元,线程是程序执行的最小单元.在操作系统的设计上,从进程演化出线程,最主要的目的就是更好的支持SMP以及减小(进程/线程)上下文切换开销. 就像进程有一个PID一样,每个线程也有 ...
- 搭建Hadoop完全分布式
Centos7搭建hadoop完全分布式 虽然说是完全分布式,但三个节点也都是在一台机器上.拿来练手也只能这样咯,将就下.效果是一样滴.这个我自己都忘了步骤,一起来回顾下吧. 必备知识: Linux基 ...
- spring security oauth2
https://connect.qq.com/manage.html#/ http://wiki.connect.qq.com/%E7%BD%91%E7%AB%99%E5%BA%94%E7%94%A8 ...