jquery getResponseHeader 总是返回“未定义”？

Question

我有一个通过 ajax 提交的表单。我正在使用 jquery 表单插件。我要做的是获取从我的服务器返回的“位置”标头。我可以在萤火虫中看到它。但是每当我在成功回调中调用 getResponseHeader() 函数时，它总是返回“未定义”..

代码：

form.ajaxForm({
  dataType: 'xml',
  data: {format: 'xml'},
  resetForm: true,
  success: function(xml,status,xhr){
    var location = xhr.getResponseHeader('Location');
    alert(location);
  });

位置未定义。但我可以在萤火虫中看到“位置”标题。我错过了什么？即使我从 xhr 对象调用 getAllResponseHeaders()，它也会返回 'undefined'

Answer 1

如果这是 CORS request，您可能会在调试工具中看到所有标头（例如 Chrome->Inspect Element->Network），但 xHR 对象将仅检索标头（通过 xhr.getResponseHeader('Header')），如果这样标头是simple response header:

• Content-Type
• Last-modified
• Content-Language
• Cache-Control
• Expires
• Pragma

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

关于所讨论的情况，如果它是一个 CORS 请求，则只有当且仅当以下标头也存在时，才能通过 XMLHttpRequest 对象检索 Location 标头：

Access-Control-Expose-Headers: Location

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

Answer 2

我正在做类似的事情，使用 rails/rest 方式将带有 Location 标头的 201“创建”返回到新对象和空主体。 jQuery 的 ajax 方法在遇到这种情况时会抛出“parseerror”，因为它期望 json 但什么也得不到。我只是在我的错误回调中捕获 201 重定向，如下所示：

function request_error(req, textStatus, errorThrown) 
{
    if (req.status == 201 ) {
        var created_loc = req.getResponseHeader('Location');
        console.log('(201) created: ' + created_loc);

        // ... manual redirect here i.e. issue another ajax request to created_loc
        return;
    }

    // ... handle an actual error here
}

希望这会有所帮助！

Answer 3

一个 XMLHttpRequest 将 transparently follow a redirect，所以 final 请求没有标头，它已经遵循了该重定向并且您会看到来自 that 的响应标头请求（不是具有Location 标头的初始请求）。