本文共 19089 字，大约阅读时间需要 63 分钟。
我使用$.post()使用调用servlet，然后使用生成的HTML片段替换用户当前页面中的div元素。 但是，如果会话超时，服务器将发送重定向指令以将用户发送到登录页面。 在这种情况下，用登录页面的内容替换了div元素，迫使用户的眼睛确实看到了一个罕见的场景。
如何使用jQuery 1.2.6从Ajax调用管理重定向指令？
您还可以挂钩XMLHttpRequest发送原型。 这将适用于具有一个处理程序的所有发送（jQuery / dojo / etc）。
我编写了这段代码来处理500页的过期错误，但是它应该也可以捕获200个重定向。 准备好上的Wikipedia条目onreadystatechange，以了解readyState的含义。
// Hook XMLHttpRequestvar oldXMLHttpRequestSend = XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.send = function() { //console.dir( this ); this.onreadystatechange = function() { if (this.readyState == 4 && this.status == 500 && this.responseText.indexOf("Expired") != -1) { try { document.documentElement.innerHTML = this.responseText; } catch(error) { // IE makes document.documentElement read only document.body.innerHTML = this.responseText; } } }; oldXMLHttpRequestSend.apply(this, arguments);} 我只想分享我的方法，因为这可能会帮助某人：
我基本上包括一个模块，该模块处理身份验证之类的内容，例如显示用户名，在这种情况下，还处理重定向到登录页面的情况 。
我的情况：我们基本上有一个ISA服务器，在这两个服务器之间侦听所有请求， 并以302和登录页面的位置标头作为响应 。
在我的JavaScript模块中，我最初的方法是
$(document).ajaxComplete(function(e, xhr, settings){ if(xhr.status === 302){ //check for location header and ... }}); 问题（这里已经提到了很多问题）是浏览器自己处理重定向，因此我的ajaxComplete回调从未被调用过，而是得到了已经重定向的Login页面的响应 ，显然是status 200 。 问题：您如何检测成功的200响应是您的实际登录页面还是其他任意页面？
由于无法捕获302重定向响应，因此在登录页面上添加了LoginPage标头，其中包含登录页面本身的URL。 现在，在模块中，我侦听标头并进行重定向：
if(xhr.status === 200){ var loginPageRedirectHeader = xhr.getResponseHeader("LoginPage"); if(loginPageRedirectHeader && loginPageRedirectHeader !== ""){ window.location.replace(loginPageRedirectHeader); }} ...就像魅力:)。 您可能想知道为什么我将URL包含在LoginPage标头中...基本上是因为我找不到确定从xhr对象进行自动位置重定向而导致的GET ...
弗拉基米尔·普鲁德尼科夫和托马斯·汉森说的话：
if request.is_ajax(): response.status_code = 278
这使浏览器将响应视为成功，并将其交给Javascript。
$('#my-form').submit(function(event){ event.preventDefault(); var options = { url: $(this).attr('action'), type: 'POST', complete: function(response, textStatus) { if (response.status == 278) { window.location = response.getResponseHeader('Location') } else { ... your code here ... } }, data: $(this).serialize(), }; $.ajax(options); }); 我认为处理此问题的更好方法是利用现有的HTTP协议响应代码，尤其是401 Unauthorized 。
这是我解决的方法：
客户端：绑定到ajax事件
$('body').bind('ajaxSuccess',function(event,request,settings){ if (401 == request.status){ window.location = '/users/login'; } }).bind('ajaxError',function(event,request,settings){ if (401 == request.status){ window.location = '/users/login'; } });IMO这是更通用的，您没有编写新的自定义规范/标题。 您也不必修改任何现有的ajax调用。
编辑：根据下面的@Rob的注释，401（身份验证错误的HTTP状态代码）应作为指示符。 有关更多详细信息，请参见 。 话虽如此，某些Web框架同时使用403进行身份验证和授权错误-因此请进行相应调整。 谢谢罗伯。
如果您还想传递值，那么还可以设置会话变量并访问Eg：在您的jsp中，您可以编写
<% HttpSession ses = request.getSession(true); String temp=request.getAttribute("what_you_defined"); %> 然后，您可以将此临时值存储在javascript变量中，然后进行操作
头文件解决方案没有任何成功-我的ajaxSuccess / ajaxComplete方法中从未将它们拾取。 我在自定义响应中使用了Steg的答案，但在JS方面做了一些修改。 我设置了在每个函数中调用的方法，因此可以使用标准的$.get和$.post方法。
function handleAjaxResponse(data, callback) { //Try to convert and parse object try { if (jQuery.type(data) === "string") { data = jQuery.parseJSON(data); } if (data.error) { if (data.error == 'login') { window.location.reload(); return; } else if (data.error.length > 0) { alert(data.error); return; } } } catch(ex) { } if (callback) { callback(data); }} 使用中的示例...
function submitAjaxForm(form, url, action) { //Lock form form.find('.ajax-submit').hide(); form.find('.loader').show(); $.post(url, form.serialize(), function (d) { //Unlock form form.find('.ajax-submit').show(); form.find('.loader').hide(); handleAjaxResponse(d, function (data) { // ... more code for if auth passes ... }); }); return false;} 我阅读了此问题，并实现了关于将响应HTTP状态代码设置为278的方法，以避免浏览器透明地处理重定向。 即使这行得通，我还是有点不满意，因为它有点破烂。
在深入研究之后，我放弃了这种方法并使用了 。 在这种情况下，对AJAX请求的所有响应都具有状态码 200，并且响应的主体包含在服务器上构造的JSON对象。 然后，客户端上的JavaScript可以使用JSON对象来决定它需要做什么。
我有一个与您类似的问题。 我执行一个AJAX请求，该请求有2种可能的响应：一种将浏览器重定向到新页面，另一种将新页面替换当前页面上的现有HTML表单。 执行此操作的jQuery代码如下所示：
$.ajax({ type: "POST", url: reqUrl, data: reqBody, dataType: "json", success: function(data, textStatus) { if (data.redirect) { // data.redirect contains the string URL to redirect to window.location.href = data.redirect; } else { // data.form contains the HTML for the replacement form $("#myform").replaceWith(data.form); } }}); JSON对象“ data”在服务器上构造为具有2个成员： data.redirect和data.form 。 我发现这种方法要好得多。
我知道这个主题很旧，但是我将给出我已经找到并之前描述的另一种方法。 基本上，我将ASP.MVC与WIF一起使用（但这对于本主题的上下文并不真正重要-无论使用哪种框架，答案都是足够的。线索保持不变-在执行Ajax请求时处理与身份验证失败相关的问题） 。
下面显示的方法可以应用于所有开箱即用的ajax请求（如果它们显然没有重新定义beforeSend事件）。
$.ajaxSetup({ beforeSend: checkPulse, error: function (XMLHttpRequest, textStatus, errorThrown) { document.open(); document.write(XMLHttpRequest.responseText); document.close(); }}); 在执行任何ajax请求之前，将调用CheckPulse方法（可以是最简单的控制器方法）：
[Authorize]public virtual void CheckPulse() {} 如果用户未通过身份验证（令牌已过期），则无法访问此方法（受Authorize属性保护）。 由于框架处理身份验证，而令牌到期，因此将http状态302放入响应中。 如果您不希望浏览器透明地处理302响应，请在Global.asax中捕获它并更改响应状态-例如更改为200 OK。 另外，添加标头，它指示您以特殊方式（稍后在客户端）处理此类响应：
protected void Application_EndRequest(){ if (Context.Response.StatusCode == 302 && (new HttpContextWrapper(Context)).Request.IsAjaxRequest()) { Context.Response.StatusCode = 200; Context.Response.AddHeader("REQUIRES_AUTH", "1"); }} 最后，在客户端检查此类自定义标头。 如果存在-应当完全重定向到登录页面（在我的情况下， window.location替换为请求中的url，由我的框架自动处理）。
function checkPulse(XMLHttpRequest) { var location = window.location.href; $.ajax({ url: "/Controller/CheckPulse", type: 'GET', async: false, beforeSend: null, success: function (result, textStatus, xhr) { if (xhr.getResponseHeader('REQUIRES_AUTH') === '1') { XMLHttpRequest.abort(); // terminate further ajax execution window.location = location; } } });} 如果您使用的是Spring Security，答案似乎对某些人有用，但我发现可以扩展LoginUrlAuthenticationEntryPoint并添加特定的代码来更强大地处理AJAX。 大多数示例拦截所有重定向，而不仅仅是身份验证失败。 对于我从事的项目来说，这是不可取的。 如果您不希望缓存失败的AJAX请求，则可能还需要扩展ExceptionTranslationFilter并重写“ sendStartAuthentication”方法以删除缓存步骤。
示例AjaxAwareAuthenticationEntryPoint：
public class AjaxAwareAuthenticationEntryPoint extends LoginUrlAuthenticationEntryPoint { public AjaxAwareAuthenticationEntryPoint(String loginUrl) { super(loginUrl); } @Override public void commence(HttpServletRequest request, HttpServletResponse response, AuthenticationException authException) throws IOException, ServletException { if (isAjax(request)) { response.sendError(HttpStatus.UNAUTHORIZED.value(), "Please re-authenticate yourself"); } else { super.commence(request, response, authException); } } public static boolean isAjax(HttpServletRequest request) { return request != null && "XMLHttpRequest".equals(request.getHeader("X-Requested-With")); }} 来源： ，
使用低级$.ajax()调用：
$.ajax({ url: "/yourservlet", data: { }, complete: function(xmlHttp) { // xmlHttp is a XMLHttpRquest object alert(xmlHttp.status); }}); 尝试以下重定向：
if (xmlHttp.code != 200) { top.location.href = '/some/other/page';} 另外，您可能希望将用户重定向到标题URL中给定的URL。 所以最终它将看起来像这样：
$.ajax({ //.... other definition complete:function(xmlHttp){ if(xmlHttp.status.toString()[0]=='3'){ top.location.href = xmlHttp.getResponseHeader('Location'); }}); UPD：对。 具有相同的任务，但不起作用。 做这个东西。 当我找到它时，我将向您显示解决方案。
给定的大多数解决方案都使用一种变通方法，即使用额外的标头或不正确的HTTP代码。 这些解决方案很可能会起作用，但会有点“棘手”。 我想出了另一个解决方案。
我们正在使用WIF，该WIF被配置为在401响应上重定向（passiveRedirectEnabled =“ true”）。 重定向在处理普通请求时很有用，但不适用于AJAX请求（因为浏览器不会执行302 /重定向）。
在global.asax中使用以下代码，您可以为AJAX请求禁用重定向：
void WSFederationAuthenticationModule_AuthorizationFailed(object sender, AuthorizationFailedEventArgs e) { string requestedWithHeader = HttpContext.Current.Request.Headers["X-Requested-With"]; if (!string.IsNullOrEmpty(requestedWithHeader) && requestedWithHeader.Equals("XMLHttpRequest", StringComparison.OrdinalIgnoreCase)) { e.RedirectToIdentityProvider = false; } } 这样，您就可以为AJAX请求返回401响应，然后您的JavaScript可以通过重新加载页面来处理该响应。 重新加载页面将抛出401，将由WIF处理（WIF会将用户重定向到登录页面）。
处理401错误的示例JavaScript：
$(document).ajaxError(function (event, jqxhr, settings, exception) { if (jqxhr.status == 401) { //Forbidden, go to login //Use a reload, WIF will redirect to Login location.reload(true); }}); 我发现的另一个解决方案（如果要设置全局行为特别有用）是将与一起使用。 就像其他人指出的那样，不要使用重定向状态码（ 3xx ），而应使用4xx并处理重定向客户端。
$.ajaxSetup({ statusCode : { 400 : function () { window.location = "/"; } }}); 将400替换为您要处理的状态码。 就像已经提到的401 Unauthorized可能是个好主意。 我使用400因为它是非常明确的，我可以将401用于更具体的情况（例如错误的登录凭据）。 因此，当会话超时并且您要处理客户端重定向时，后端应直接返回4xx错误代码，而不是直接重定向。 即使使用骨干.js之类的框架，对我来说也很完美
在servlet中，您应该放置response.setStatus(response.SC_MOVED_PERMANENTLY); 发送“ 301” xmlHttp状态，您需要重定向...
在$ .ajax函数中，您不应使用.toString()函数...
if (xmlHttp.status == 301) { top.location.href = 'xxxx.jsp'; }
问题是它不是非常灵活，您无法确定要重定向到的位置。
通过servlet重定向应该是最好的方法。 但是我仍然找不到正确的方法。
没有浏览器正确处理301和302响应。 实际上，该标准甚至说他们应该“透明地”处理它们，这对于Ajax Library供应商来说是一个巨大的麻烦。 在我们被迫使用HTTP响应状态代码278（只是一些“未使用”的成功代码）来透明地处理来自服务器的重定向。
这真的让我很烦，如果这里有人在W3C中有一些“拉”，我将不胜感激，您可以让W3C 知道我们确实需要自己处理301和302代码...！ ;）
最后，我通过添加自定义HTTP Header解决了该问题。 在响应服务器端的每个请求之前，我将当前请求的url添加到响应的标头中。
我在服务器上的应用程序类型是Asp.Net MVC ，它是执行此操作的好地方。 在Global.asax我实现了Application_EndRequest事件，因此：
public class MvcApplication : System.Web.HttpApplication { // ... // ... protected void Application_EndRequest(object sender, EventArgs e) { var app = (HttpApplication)sender; app.Context.Response.Headers.Add("CurrentUrl",app.Context. Request.CurrentExecutionFilePath); } } 它对我来说很完美！ 现在，在一个应答JQuery $.post我有请求url以及其它响应头这是作为结果POST的状态的方法302 ， 303 ，...。
其他重要的事情是，无需在服务器端或客户端修改代码。
其次是能够以这种方式访问事后操作的其他信息，例如错误，消息等。
我张贴了这个，也许可以帮助某人:)
我只是想锁定整个页面的所有ajax请求。 @SuperG让我开始。 我最终得到的是：
// redirect ajax requests that are redirected, not found (404), or forbidden (403.)$('body').bind('ajaxComplete', function(event,request,settings){ switch(request.status) { case 301: case 404: case 403: window.location.replace("http://mysite.tld/login"); break; }}); 我想专门检查某些HTTP状态代码以作为我的决定的基础。 但是，您可以将其绑定到ajaxError以获得除成功以外的任何内容（也许只有200个？）。
$('body').bind('ajaxError', function(event,request,settings){ window.location.replace("http://mysite.tld/login");} 我有一个适用于我的简单解决方案，无需更改服务器代码...只需添加一小撮肉豆蔻...
$(document).ready(function (){ $(document).ajaxSend( function(event,request,settings) { var intercepted_success = settings.success; settings.success = function( a, b, c ) { if( request.responseText.indexOf( "" ) > -1 ) window.location = window.location; else intercepted_success( a, b, c ); }; });}); 我检查html标签的存在，但是您可以更改indexOf来搜索登录页面中存在的唯一字符串...
有些人可能发现以下有用：
我希望将客户端重定向到登录页面，以进行没有授权令牌发送的任何休息操作。 因为我所有的休息动作都是基于Ajax的，所以我需要一种很好的通用方法来重定向到登录页面，而不是处理Ajax成功功能。
这是我所做的：
在任何Ajax请求上，我的服务器都将返回Json 200响应“需要身份验证”（如果客户端需要进行身份验证）。
Java中的简单示例（服务器端）：
@Secured@Provider@Priority(Priorities.AUTHENTICATION)public class AuthenticationFilter implements ContainerRequestFilter { private final Logger m_logger = LoggerFactory.getLogger(AuthenticationFilter.class); public static final String COOKIE_NAME = "token_cookie"; @Override public void filter(ContainerRequestContext context) throws IOException { // Check if it has a cookie. try { Map cookies = context.getCookies(); if (!cookies.containsKey(COOKIE_NAME)) { m_logger.debug("No cookie set - redirect to login page"); throw new AuthenticationException(); } } catch (AuthenticationException e) { context.abortWith(Response.ok("\"NEED TO AUTHENTICATE\"").type("json/application").build()); } }} 在我的Javascript中，我添加了以下代码：
$.ajaxPrefilter(function(options, originalOptions, jqXHR) { var originalSuccess = options.success; options.success = function(data) { if (data == "NEED TO AUTHENTICATE") { window.location.replace("/login.html"); } else { originalSuccess(data); } }; }); 就是这样。
尝试
$(document).ready(function () { if ($("#site").length > 0) { window.location = "<%= Url.Content("~") %>" + "Login/LogOn"; } }); 将其放在登录页面上。 如果已将其加载到主页的div中，它将重定向到登录页面。 “ #site”是位于除登录页面以外的所有页面上的div的ID。
然后使用ASP.NET MVC RedirectToAction方法可能会出现此问题。 为了防止表单在div中显示响应，您可以简单地使用某种ajax响应过滤器通过$ .ajaxSetup传入响应。 如果响应包含MVC重定向，则可以在JS端评估此表达式。 以下是JS的示例代码：
$.ajaxSetup({ dataFilter: function (data, type) { if (data && typeof data == "string") { if (data.indexOf('window.location') > -1) { eval(data); } } return data; }}); 如果数据为： “ window.location ='/ Acount / Login'” ，则过滤器将捕获该数据并进行评估以进行重定向，而不是显示数据。
最终实现的解决方案是对Ajax调用的回调函数使用包装器，并在此包装器中检查返回的HTML块上是否存在特定元素。 如果找到该元素，则包装器将执行重定向。 如果不是，则包装将调用转发给实际的回调函数。
例如，我们的包装函数类似于：
function cbWrapper(data, funct){ if($("#myForm", data).length > 0) top.location.href="login.htm";//redirection else funct(data);} 然后，在进行Ajax调用时，我们使用了类似以下内容：
$.post("myAjaxHandler", { param1: foo, param2: bar }, function(data){ cbWrapper(data, myActualCB); }, "html"); 这对我们有用，因为所有Ajax调用总是在DIV元素内返回HTML，该DIV元素用于替换页面的一部分。 另外，我们只需要重定向到登录页面。
我得到了使用@John和@Arpad 以及@RobWinch 的答案的有效解决方案
我使用Spring Security 3.2.9和jQuery 1.10.2。
扩展Spring的类，使其仅从AJAX请求引起4XX响应：
public class CustomLoginUrlAuthenticationEntryPoint extends LoginUrlAuthenticationEntryPoint { public CustomLoginUrlAuthenticationEntryPoint(final String loginFormUrl) { super(loginFormUrl); } // For AJAX requests for user that isn't logged in, need to return 403 status. // For normal requests, Spring does a (302) redirect to login.jsp which the browser handles normally. @Override public void commence(final HttpServletRequest request, final HttpServletResponse response, final AuthenticationException authException) throws IOException, ServletException { if ("XMLHttpRequest".equals(request.getHeader("X-Requested-With"))) { response.sendError(HttpServletResponse.SC_FORBIDDEN, "Access Denied"); } else { super.commence(request, response, authException); } }} applicationContext-security.xml