如何使用jQuery阻止ajax请求跟随重定向

15 浏览
0 Comments

如何使用jQuery阻止ajax请求跟随重定向

我使用jQuery的ajax函数来访问一个Web服务，但是服务器不返回一个描述问题的状态码响应，而是将请求重定向到一个带有200头部的页面来描述问题。我无法对此进行任何更改，所以我需要在客户端上解决这个问题。

示例：

一个请求发送到一个找不到的URL，所以我收到一个302重定向到另一个位置。发送了一个新的请求，我收到一个200 OK，从而阻止了错误回调的触发。

有没有办法可以阻止ajax请求跟随重定向，而是调用一个回调函数，最好是错误方法。或者是否可以在客户端检测到重定向是否发生了？

0

3 答案

0 Comments

很高兴在这篇文章中向大家介绍如何通过使用jQuery来防止Ajax请求跟随重定向。在这篇文章中，我们将探讨出现这个问题的原因以及如何解决它。

问题的原因是，当我们使用Ajax请求时，有时服务器会返回一个重定向响应，而不是我们期望的数据。这可能会导致我们的应用程序出现问题，因为它无法正确处理重定向。

解决这个问题的方法是，我们可以使用jQuery的xhr.state()方法来检查请求是否被重定向。当xhr.state()的返回值为"rejected"时，表示发生了重定向。我们可以在success回调函数或error回调函数中使用这个方法来处理重定向。

下面是一个使用success回调函数的示例代码：

request.success(function(data, textStatus, xhr) {
    if(xhr.state() == "resolved") {
        //没有重定向发生
    }
    if(xhr.state() == "rejected") {
        //发生了重定向
    }
});

下面是一个使用error回调函数的示例代码：

request.error(function(xhr, textStatus) {
    if (xhr.state() == "rejected") {
        //发生了重定向
        location.href = "loginpage";
    } else {
        //发生了其他错误
        alert("error");
    }
});

这些代码可以帮助我们检测到重定向，并根据需要进行处理。

在这篇文章中，我们还发现了一个有用的提示，就是使用jqXHR.state()方法来检查重定向状态。这对我们解决了一个问题，也希望对其他人有所帮助。

需要注意的是，有时候"rejected"状态可能会触发误报，因为它不仅仅表示重定向，还可能表示其他错误。jQuery官方文档中解释了什么情况下会发送"rejected"状态。

希望这篇文章对大家有所帮助，谢谢阅读！

0
0 Comments

如何防止使用jQuery的ajax请求跟随重定向

问题出现的原因：ajax请求跟随重定向是XMLHttpRequest规范的一部分，这是由HTTP协议决定的，而不是XMLHttpRequest的一部分。在HTTP协议中，服务器可以返回重定向指令，客户端（浏览器）可以选择是否跟随重定向。所以，jQuery.ajax无法提供防止重定向的选项。

解决方法：可以在客户端配置中设置阻止重定向的选项。在Windows环境下，可以使用WinHTTP API中的WinHttpSetOption函数设置WINHTTP_OPTION_DISABLE_FEATURE选项，或者使用WINHTTP_OPTION_REDIRECT_POLICY选项设置WINHTTP_OPTION_REDIRECT_POLICY_NEVER值。另外，还可以使用WinHttpSetStatusCallback函数设置回调函数，用于接收一些通知。

虽然可以通过操作系统或者浏览器的配置来实现防止重定向，但这不是jQuery.ajax或者XMLHttpRequest能够管理的。重定向是HTTP协议的一部分，属于通信协议的另一个层次，无法通过这些工具来控制。

0
0 Comments

问题的原因：

在使用jQuery进行ajax请求时，无法阻止请求跟随重定向。因为底层库XHR会自动进行新的请求。

解决方法：

可以通过发送自定义响应头来解决这个问题。同时可以设置一个全局的ajax处理程序来检查是否存在这个响应头，并在存在时做出相应的回应（例如将整个页面重定向到登录页面）。

以下是检查自定义响应头的jQuery代码：

/* 当AJAX请求指示后端会话已过期时，重定向主窗口 */
function checkSession(event, xhr, ajaxOptions)
{
    if (xhr.readyState == 4)
    {
        if(xhr.getResponseHeader("Login-Screen") != null && xhr.getResponseHeader("Login-Screen").length)
        {
            window.location.href='sessionExpired.html'; //替换成登录页面的URL
        }
    }
}
$(document).ajaxComplete(checkSession)

感谢，我想我只能使用类似的方法来分析响应了。

0