js如何获取response header信息

Posted 2020-09-30 前端js

信息转自网上

普通的请求JS无法获取，只有ajax请求才能获取到。

 

 

$.ajax({
    type: ‘HEAD‘, // 获取头信息，type=HEAD即可
    url : window.location.href,
    complete: function( xhr,data ){
        // 获取相关Http Response header
        var wpoInfo = {
            // 服务器端时间
            "date" : xhr.getResponseHeader(‘Date‘),
            // 如果开启了gzip，会返回这个东西
            "contentEncoding" : xhr.getResponseHeader(‘Content-Encoding‘),
            // keep-alive ？ close？
            "connection" : xhr.getResponseHeader(‘Connection‘),
            // 响应长度
            "contentLength" : xhr.getResponseHeader(‘Content-Length‘),
            // 服务器类型，apache？lighttpd？
            "server" : xhr.getResponseHeader(‘Server‘),
            "vary" : xhr.getResponseHeader(‘Vary‘),
            "transferEncoding" : xhr.getResponseHeader(‘Transfer-Encoding‘),
            // text/html ? text/xml?
            "contentType" : xhr.getResponseHeader(‘Content-Type‘),
            "cacheControl" : xhr.getResponseHeader(‘Cache-Control‘),
            // 生命周期？
            "exprires" : xhr.getResponseHeader(‘Exprires‘),
            "lastModified" : xhr.getResponseHeader(‘Last-Modified‘)
        };
        // 在这里，做想做的事。。。
    }
});

 

xhr.getAllResponseHeaders();//返回全部头信息,string
 
xhr.getResponseHeader(‘date‘);
xhr.getResponseHeader(‘server‘);
xhr.getResponseHeader(‘transfer-Encoding‘);
xhr.getResponseHeader(‘content-type‘)