jq ajax获取服务端的头信息

最新推荐文章于 2021-08-06 14:40:53 发布

追梦猪

最新推荐文章于 2021-08-06 14:40:53 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_38705449/article/details/103525338

本文介绍了一种利用Ajax的HEAD请求方式来获取当前页面的所有HTTP响应头信息的方法，并展示了如何通过JavaScript处理这些头部信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

试着打印xhr你会发现下面很多参数通过getResponseHeader可以找到响应头信息

$.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')
        };   // 在这里，做想做的事。。。
    }
});