通过Ajax方式获取Http Response Header

最新推荐文章于 2025-06-20 22:15:06 发布

原创最新推荐文章于 2025-06-20 22:15:06 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#AJAX

前端技术专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种利用Ajax技术中的HEAD请求方法来获取当前页面HTTP响应头信息的方法。通过这种方式，可以方便地读取服务器返回的各种元数据，如服务器时间、内容编码、连接状态等，有助于更好地理解服务器配置及响应特性。

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

$.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')

        };

        // 在这里，做想做的事。。。

    }
});