javascript - jQuery Ajax 访问自定义响应 header

Question

我正在使用一些 API，我注意到在响应中我有这个:

我需要读取“x-dl-units-left”，但我得到的是空值:

$.ajax(ajaxConfig).done(function(response, textStatus, xhr){
  var left = xhr.getResponseHeader("x-dl-units-left"); //null
  var all = xhr.getAllResponseHeaders(); // "content-type: application/json;charset=UTF-8"
});

谁知道为什么？ :(

谢谢

Answer 1

问题是因为请求正在使用 CORS。因此，您需要明确允许您的自定义 header 暴露给收件人。为此，将 Access-Control-Expose-Headers header 添加到响应中，例如:

Access-Control-Expose-Headers: x-dl-units-left, x-dl-units, [other headers as needed...]

请注意，这必须在创建响应的服务器上完成。如果您没有服务器的控制权，那么您将无法进行此更改。您需要向 API 提供商请求它。