jQuery 和 AJAX 响应标头

Question

我收到了这个 jQuery AJAX 调用，并且响应以 302 重定向的形式来自服务器。我想采用此重定向并将其加载到 iframe 中，但是当我尝试使用 javascript 警报查看标头信息时，它显示为 null，即使 firebug 正确地看到了它。

这是代码，如果它有帮助的话：

$j.ajax({
    type: 'POST',
    url:'url.do',
    data: formData,
    complete: function(resp){
        alert(resp.getAllResponseHeaders());
    }
});

我真的无法访问服务器端的东西，以便将 URL 移动到响应正文，我知道这将是最简单的解决方案，因此解析的任何帮助标题会很棒。

Answer 1

如果您使用旧版本的 jquery，cballou 的解决方案将起作用。在较新的版本中，您还可以尝试：

  $.ajax({
   type: 'POST',
   url:'url.do',
   data: formData,
   success: function(data, textStatus, request){
        alert(request.getResponseHeader('some_header'));
   },
   error: function (request, textStatus, errorThrown) {
        alert(request.getResponseHeader('some_header'));
   }
  });

根据文档，XMLHttpRequest 对象从 jQuery 1.4 开始可用。

Answer 2

如果这是 CORS 请求，您可能会在调试工具（例如 Chrome- >Inspect Element->Network），但如果此类标头是 简单响应标头:

• Content-Type
• Last-modified
• < code>Content-Language
• Cache-Control
• Expires
• Pragma

如果不在该集合中，则必须存在在 Access-Control-Expose-Headers 服务器返回的标头。

对于上述情况，如果是 CORS 请求，则只能通过 XMLHttpRequestLocation 标头> object 当且仅当下面的标头也存在时：

Access-Control-Expose-Headers: Location

如果它不是 CORS 请求，XMLHttpRequest 检索它不会有问题。

Answer 3

 var geturl;
  geturl = $.ajax({
    type: "GET",
    url: 'http://....',
    success: function () {
      alert("done!"+ geturl.getAllResponseHeaders());
    }
  });

Answer 4

关于 AJAX 和 302 重定向的不幸事实是，您无法从返回中获取标头，因为浏览器永远不会将它们提供给 XHR。当浏览器看到 302 时，它会自动应用重定向。在这种情况下，你会在 firebug 中看到 header，因为浏览器得到了它，但你不会在 ajax 中看到它，因为浏览器没有传递它。这就是为什么成功和错误处理程序永远不会被调用的原因。仅调用完整的处理程序。

http://www.checkupdown.com/status/E302.html

The 302 response from the Web server should always include an alternative URL to which redirection should occur. If it does, a Web browser will immediately retry the alternative URL. So you never actually see a 302 error in a Web browser

这里有一些stackoverflow 上有关该主题的帖子。有些帖子描述了解决这个问题的技巧。

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

在 JavaScript 中捕获 302 FOUND

HTTP 重定向：301（永久）与 302（临时）

Answer 5

jQuery 使用的底层 XMLHttpRequest 对象将始终默默地遵循重定向，而不是返回 302 状态代码。因此，您无法使用 jQuery 的 AJAX 请求功能来获取返回的 URL。相反，您需要将所有数据放入表单中，并使用 target 属性 设置为 iframe 的 name 属性的值：

$('#myIframe').attr('name', 'myIframe');

var form = $('<form method="POST" action="url.do"></form>').attr('target', 'myIframe');
$('<input type="hidden" />').attr({name: 'search', value: 'test'}).appendTo(form);

form.appendTo(document.body);
form.submit();

服务器的 url.do 页面将被加载到iframe中，但是当其302状态到达时，iframe将被重定向到最终目的地。

Answer 6

更新 2018 JQUERY 3 及更高版本

我知道这是一个老问题，但上述解决方案都不适合我。这是有效的解决方案：

//I only created this function as I am making many ajax calls with different urls and appending the result to different divs
function makeAjaxCall(requestType, urlTo, resultAreaId){
        var jqxhr = $.ajax({
            type: requestType,
            url: urlTo
        });
        //this section is executed when the server responds with no error 
        jqxhr.done(function(){

        });
        //this section is executed when the server responds with error
        jqxhr.fail(function(){

        })
        //this section is always executed
        jqxhr.always(function(){
            console.log("getting header " + jqxhr.getResponseHeader('testHeader'));
        });
    }

Answer 7

试试这个：

type: "GET",
async: false,
complete: function (XMLHttpRequest, textStatus) {
    var headers = XMLHttpRequest.getAllResponseHeaders();
}

Answer 8

+1 表示请起立
这是我的另一个黑客：

在搜索后发现“跨ajax请求”无法从XHR对象获取响应标头，我放弃了。并使用 iframe 代替。

1. <iframe style="display:none"></iframe>
2. $("iframe").attr("src", "http://the_url_you_want_to_access")
//this is my aim!!!
3. $("iframe").contents().find('#someID').html()