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分析的更多相关文章

  1. ajax异步请求302

    我们知道,只有请求成功ajax才会进行回调处理,具体状态码为 status >= 200 && status < 300 || status === 304; 这一点通过查 ...

  2. jquery Ajax异步请求之session

    写了一个脚本,如下: $(function () { $("#btnVcode").click(function () { var receiveMobile = $(" ...

  3. ajax异步请求Response.Redirect重定向

    一个ajax异步请求报错->捕获异常->重定向错误提示页面.  一个简单的流程 结果一直搞不定.重定向无效.各种百度之. 后来突然想起 ajax的请求是不能在后台重定向的. 如果硬要重定向 ...

  4. ajax异步请求实例

    1. 问题分析 用户管理显示页面:usermanagement.tpl(也可以说是MVC中的V,即视图) 用户管理数据发送页面:usermanagement.php(也可以说是MVC中的M,即模型) ...

  5. ajax异步请求

    做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

  6. spring HandlerInterceptorAdapter拦截ajax异步请求,报错ERR_INCOMPLETE_CHUNKED_ENCODING

    话不多说,直接上正文. 异常信息: Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING 问题描述: 该异常是在页面发送ajax请 ...

  7. jquery的ajax异步请求接收返回json数据

    http://www.jb51.net/article/51122.htm jquery的ajax异步请求接收返回json数据方法设置简单,一个是服务器处理程序是返回json数据,另一种就是ajax发 ...

  8. MVC&WebForm对照学习:ajax异步请求

    写在前面:由于工作需要,本人刚接触asp.net mvc,虽然webform的项目干过几个.但是也不是很精通.抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说.我认 ...

  9. AJAX异步请求原理和过程

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方法. AJAX 基于 JavaS ...

随机推荐

  1. Django模型层之字段查询参数及聚合函数

    该系列教程系个人原创,并完整发布在个人官网刘江的博客和教程 所有转载本文者,需在顶部显著位置注明原作者及www.liujiangblog.com官网地址. 字段查询是指如何指定SQL WHERE子句的 ...

  2. Solr(三)向solr-5.5.4中添加数据

    Solr添加数据 一 首先在创建好的CORE中添加自己需要的Field(可以理解为表的字段) 1 切换到配置Field的文件目录,编辑配置Field的文件 managed-schema cd /usr ...

  3. JavaScript中对数组和数组API的认识

    JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重 ...

  4. JAVA学习资源分享

    JAVA学习资源分享 最高端的JAVA架构师资源(来自龙果学院 价值¥1399元).JAVA互联网分布式架构(龙果学院 价值¥899元).Spring Boot(2017年最新 包括源码原理分析) + ...

  5. PAT1120: Friend Numbers

    1120. Friend Numbers (20) 时间限制 400 ms 内存限制 65536 kB 代码长度限制 16000 B 判题程序 Standard 作者 CHEN, Yue Two in ...

  6. Go笔记之一:工程项目结构的注意事项

    Go笔记之一:工程项目结构的注意事项 对 Go 项目目录的理解 (Windows平台为例) 刚安装完的 Go 需要设定环境变量,最关键的环境变量有三个,GOROOT.GOPATH和GOBIN.GORO ...

  7. Oauth2.0 用Spring-security-oauth2

    客户端通过appId,redirectUrl,在open platform打开的页面上填写正确的用户名和密码后,open platform验证通过后,会跳转到redirectUrl,此时的redire ...

  8. app后端设计(6)-- LBS

    在LBS的应用中,一个基本的需求是查找附近的用户,现在有两种做法: 1. 使用mysql的空间数据库,具体做法参考:http://blog.sina.com.cn/s/blog_a48af8c0010 ...

  9. VM虚拟机下安装liunx系统

    1.首先打开VMware看到如图所示,然后点击创建虚拟机,选择典型然后下一步 2.选择我稍后安装操作系统然后下一步,选择Linux系统然后下一步.给虚拟机起一个名字,和选择把虚拟机安装在那个位置.然后 ...

  10. 优化TestNG测试报告

    以下内容引自: https://www.cnblogs.com/jwentest/p/7073223.html 优化testng报告   背景 搞过testng的同学都知道,testng自带的报告非常 ...