HTTP头部信息

最新推荐文章于 2025-07-01 09:58:13 发布

JinmyHe

最新推荐文章于 2025-07-01 09:58:13 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端-css3/h5 文章标签： http

本文链接：https://blog.youkuaiyun.com/weixin_42659625/article/details/82818897

web前端-css3/h5 专栏收录该内容

32 篇文章

订阅专栏

HTTP请求和响应中包含关键的头部信息，如Accept、Accept-Charset、Accept-Encoding、Accept-Language、Cookie、Referer和User-Agent。xhr请求允许设置自定义头部，通过setRequestHeader()方法指定。获取响应头部信息则可通过getResponseHeader()获取单一头部或getAllResponseHeaders()获取全部头部信息。

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

HTTP头部信息

每个HTTP请求和响应都会带有相应的头部信息。

默认请问下，在发送xhr请求的同时，还会发送下列头部信息:

Accept:浏览器能够处理的内容类型

Accept-Charset:浏览器能够显示的字符集

Accept-Encoding:浏览器能够处理的压缩编码

Accept-Language:浏览器与服务器之间连接的类型

Cookie:当前页面设置所在的域

Referer:发出请求的页面的URI。

User-Agent:浏览器的用户代理字符串

使用setRequestHeader()方法可以设置自定义的请求头部信息。这个方法接受两个参数：头部字段的名称和头部字段的值。要成功发送头部请求，必须在调用 open()之后且调用 send()之前，如下：

        var xhr = createXHR();
        xhr.onreadystatechange = function(){
            if(xhr.readyState == 4){
                if((xhr.status >= 200 && xhr.status <300) || xhr.status == 304){
                    alert(xhr.responseText);
                }else {
                    alert("Request was unsuccessful:" + xhr.status);
                }
            }
        };
        xhr.open("get","example.txt",true);
        xhr.setRequestHeader("MyHeader","MyValue");
        xhr.send(null);

调用XHR对象的getResponseHeader()方法并传入头部字段名称，可以取得相应的响应头部信息。而调用getAllResponseHeaders()方法可以取得一个包含所有头部信息的长字符串。

        var myHeader = xhr.getResponseHeader("MyHeader");
        var allHeader = xhr.getAllResponseHeader();