在AJAX调用中,未遵循302

我正在使用jQuery 1.6.2向同一域上的页面发出POST AJAX请求。 该页面将302重定向到另一个页面。

现在,在我的本地计算机上工作正常但在我们的生产服务器上,从不遵循重定向,并且在Chrome检查器中,该请求被称为“已取消”。

如果我在不涉及javascript的情况下访问同一页面,一切正常,正如我所说,AJAX可以在我的本地机器上运行,但不能在生产服务器上运行。

有谁知道这会导致什么?

服务器之间存在一些差异(OS X,Apache2,PHP5.3.6,本地计算机上的HTTP,Ubuntu,Lighttpd,PHP5.3.3,生产中的HTTPS),但对我来说没有任何区别应该有所不同。

结果是重定向代码中的错误导致重定向转到http://,而请求的页面是https://。 这使得浏览器拒绝遵循重定向。

function doAjaxCall() { $.ajaxSetup({complete: onRequestCompleted}); $.get(yourUrl,yourData,yourCallback); } function onRequestCompleted(xhr,textStatus) { if (xhr.status == 302) { location.href = xhr.getResponseHeader("Location"); } } 

以下与您的答案相关的问题。 你可以从下面的链接找到答案。

在JavaScript中捕获302 FOUND

如何在jQuery Ajax调用之后管理重定向请求

我认为这是服务器端问题,而不是客户端问题。 浏览器是正确的,当它通过https发出ajax请求时不遵循对http重定向,因为这将是一个安全漏洞。

我意识到我正在使用相对路径,例如HttpResponseRedirect('/path/to/') 。 在某个图层上,该url前缀为http://前缀,这是浏览器收到的内容: http://example.com/path/to/http://example.com/path/to/

您必须确保在响应标头中使用完整路径(包括https://

根据这个答案: https : //stackoverflow.com/a/8752354/698289我发现以下代码非常有用:

 $('body').ajaxComplete(function (e, xhr, settings) { if (xhr.status == 200) { var redirect = null; try { redirect = $.parseJSON(xhr.responseText).redirect; if (redirect) { window.location.href = redirect; } } catch (e) { return; } } }); 

然后你只需提供如下的JSON:

 {redirect: '/redirect/to/this/path'} 

并且ajaxComplete将确保重定向浏览器。

请注意$.ajax('complete')触发$.ajax('success')$.ajax('error')