javascript - 如何使用 jQuery AJAX 请求访问 ETag header ？

Question

我正在使用 jQuery ajax 调用从在 HTTP 响应 header 中发送 ETag 的服务器请求数据。我需要访问 header ，但是当请求成功并且我调用 jqXHR.getAllResponseHeaders() 时，我只能看到服务器返回的 header 的一个子集。

示例:

var jqXHR = $.ajax({
        type: 'GET',
        url: <my api url>,
        dataType: 'json',
        ifModified: true,
        success: function (result) {
          var headers = jqXHR.getAllResponseHeaders();
          console.log(JSON.stringify(headers));
        });

我从 jqxhr 看到的标题是:

Pragma: no-cache\r\n
Last-Modified: Wed, 22 Jan 2014 10:45:14 +0000\r\n
Content-Type: text/html\r\n
Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0, no-cache=\"set-cookie\"\r\n
Expires: Sat, 26 Jul 1997 05:00:00 GMT\r\n

从服务器返回的实际 header (在 chrome 开发工具中观察到):

Access-Control-Allow-Origin:*
Cache-Control:no-cache="set-cookie"
Cache-Control:post-check=0, pre-check=0
Cache-Control:no-store, no-cache, must-revalidate
Connection:keep-alive
Content-Encoding:gzip
Content-Length:407
Content-Type:text/html
Date:Fri, 24 Jan 2014 20:27:54 GMT
ETag:"29d8d1d98115057fe902b520199ea1b3"
Expires:Sat, 26 Jul 1997 05:00:00 GMT
Last-Modified:Thu, 23 Jan 2014 07:14:57 +0000
Pragma:no-cache
Server:nginx/1.1.19
Set-Cookie:AWSELB=F3E9557318EB956CA386FC6CB4270164AD7830493699A2B6AED008F4C5F9DB5952A2A1072C33DDC32DEDE0CA6A3734EBAFD51B57A7A093B69A36A6659EF493E1B92BA63DE6;PATH=/
X-Powered-By:PHP/5.4.19

我需要访问 ETag header ，但 jQuery 或 chrome 似乎对我隐藏了它。我在 Firefox 中尝试了相同的代码，结果相同。有人可以帮我解决这个问题吗？

Answer 1

您可以尝试在完整回调中访问 header 而不是成功

complete: function(XMLHttpRequest, textStatus){
   var eTag = XMLHttpRequest.getResponseHeader('ETag');
}

这似乎对某些用户有用 here