深入理解 HTTP 请求与响应：查看请求头、请求体、响应头和响应体

于 2024-10-01 00:11:03 发布
阅读量1.2k 收藏 18
点赞数 9
分类专栏： golang 文章标签： http 网络协议 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57836225/article/details/142665695
版权

目录

一、HTTP 请求与响应概述

二、通过浏览器查看请求头、请求体、响应头和响应体

1. 打开开发者工具

2. 查看请求头和响应头

3. 查看请求体和响应体

三、丰富的实例与解析

（一）GET 请求实例

（二）POST 请求实例

（三）带有 Authorization 请求头的实例

在 Web 开发中，了解 HTTP 请求和响应的各个组成部分是非常重要的。通过浏览器，我们可以方便地查看请求头、请求体、响应头和响应体，从而更好地理解客户端与服务器之间的通信过程。本文将介绍如何通过浏览器查看这些部分，并给出丰富的实例和详细解析。

一、HTTP 请求与响应概述

HTTP（Hypertext Transfer Protocol）是一种用于在 Web 上传输数据的协议。一个 HTTP 请求由请求行、请求头、请求体组成，而一个 HTTP 响应由状态行、响应头、响应体组成。

  • 请求行：包含请求方法（如 GET、POST 等）、请求 URL 和 HTTP 版本。
  • 请求头：包含关于请求的附加信息，如客户端的信息、接受的内容类型等。
  • 请求体：在某些请求方法（如 POST、PUT）中，包含要发送给服务器的数据。
  • 状态行：包含 HTTP 版本、状态码和状态描述。
  • 响应头：包含关于响应的附加信息，如服务器的信息、内容类型、缓存控制等。
  • 响应体：包含服务器返回给客户端的数据。

二、通过浏览器查看请求头、请求体、响应头和响应体

不同的浏览器提供了不同的工具来查看 HTTP 请求和响应。以下以 Chrome 浏览器为例：

1. 打开开发者工具

在 Chrome 浏览器中，可以通过按下 F12 键或者右键点击页面并选择 “检查” 来打开开发者工具。

2. 查看请求头和响应头

在开发者工具中，切换到 “Network” 选项卡。当你在浏览器中加载一个页面或发送一个请求时，这里会列出所有的网络请求。点击一个请求，可以在右侧的面板中看到该请求的详细信息，包括请求头和响应头。

3. 查看请求体和响应体

在请求的详细信息中，切换到 “Payload” 选项卡可以查看请求体，切换到 “Response” 选项卡可以查看响应体。对于一些较大的响应体，可能需要点击 “view source” 或 “pretty print” 按钮来更好地查看内容。

三、丰富的实例与解析

（一）GET 请求实例

假设我们在浏览器中访问一个简单的新闻网站的首页。

请求头示例与解析：

GET /news HTTP/1.1
Host: news.example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Language: en-US,en;q=0.9
Connection: keep-alive

  • GET /news HTTP/1.1：请求行，表明这是一个 GET 请求，请求的 URL 是/news，使用的 HTTP 版本是 1.1。
  • Host: news.example.com：指定目标服务器的主机名。
  • User-Agent：标识发出请求的客户端软件。
  • Accept：告诉服务器客户端能够接受的内容类型，这里表示可以接受 HTML、XML、各种图像格式等。
  • Accept-Language：指定客户端偏好的语言。
  • Connection: keep-alive：表明希望保持连接以进行后续请求。

响应头示例与解析：

HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Content-Length: 12345
Last-Modified: Tue, 20 Sep 2022 12:34:56 GMT
ETag: "123456789"
Server: Apache/2.4.41 (Unix)

  • HTTP/1.1 200 OK：状态行，表明使用的 HTTP 版本是 1.1，状态码是 200（成功），状态描述是 “OK”。
  • Content-Type: text/html; charset=utf-8：表明响应体的内容类型是 HTML，字符编码是 UTF-8。
  • Content-Length: 12345：表示响应体的长度。
  • Last-Modified: Tue, 20 Sep 2022 12:34:56 GMT：表示资源的最后修改时间。
  • ETag: "123456789"：实体标签，用于缓存验证。
  • Server: Apache/2.4.41 (Unix)：表示服务器软件信息。

响应体示例与解析：
响应体是一个 HTML 页面，包含新闻标题、文章内容、图片等。

<!DOCTYPE html>
<html>
<head>
    <title>Latest News</title>
</head>
<body>
    <h1>Top News Headline</h1>
    <p>Today's top news story...</p>
    <img src="news_image.jpg">
</body>
</html>

（二）POST 请求实例

假设我们有一个在线论坛，用户提交一个新的帖子。

请求头示例与解析：

POST /forum/post HTTP/1.1
Host: forum.example.com
Content-Type: application/x-www-form-urlencoded
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Referer: http://forum.example.com/thread_list.html

  • POST /forum/post HTTP/1.1：请求行，表明这是一个 POST 请求，请求的 URL 是/forum/post，使用的 HTTP 版本是 1.1。
  • Host: forum.example.com：指定目标服务器的主机名。
  • Content-Type: application/x-www-form-urlencoded：表明请求体的内容类型是 URL 编码的表单数据。
  • User-Agent：标识发出请求的客户端软件。
  • Accept：告诉服务器客户端能够接受的内容类型。
  • Referer：表示当前请求的来源页面。

请求体示例与解析：

title=My New Post&content=This is my post content&category=general

这是 URL 编码的表单数据，包含帖子的标题、内容和所属类别。

响应头示例与解析：

HTTP/1.1 201 Created
Content-Type: text/html; charset=utf-8
Location: http://forum.example.com/post/1234
Set-Cookie: session_id=123456789; Path=/forum; HttpOnly

  • HTTP/1.1 201 Created：状态行，表明使用的 HTTP 版本是 1.1，状态码是 201（已创建），状态描述是 “Created”。
  • Content-Type: text/html; charset=utf-8：表明响应体的内容类型是 HTML，字符编码是 UTF-8。
  • Location: http://forum.example.com/post/1234：表示新创建的资源的 URL。
  • Set-Cookie: session_id=123456789; Path=/forum; HttpOnly：设置一个名为session_id的 Cookie，用于后续请求的身份验证等，路径为/forum，且设置为HttpOnly以提高安全性。

响应体示例与解析：
响应体可能是一个 HTML 页面，显示帖子创建成功的消息，并提供链接到新创建的帖子。

<!DOCTYPE html>
<html>
<head>
    <title>Post Created</title>
</head>
<body>
    <h1>Your post has been created successfully!</h1>
    <a href="http://forum.example.com/post/1234">View your post</a>
</body>
</html>

（三）带有 Authorization 请求头的实例

假设我们有一个需要身份验证的 API。

请求头示例与解析：

GET /api/protected_resource HTTP/1.1
Host: api.example.com
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: application/json

  • GET /api/protected_resource HTTP/1.1：请求行，表明这是一个 GET 请求，请求的 URL 是/api/protected_resource，使用的 HTTP 版本是 1.1。
  • Host: api.example.com：指定目标服务器的主机名。
  • Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c：表示使用 Bearer 令牌进行身份验证，这里的令牌是一个 JWT（JSON Web Token）。
  • User-Agent：标识发出请求的客户端软件。
  • Accept: application/json：告诉服务器客户端期望接受 JSON 格式的响应。

响应头示例与解析：

HTTP/1.1 200 OK
Content-Type: application/json; charset=utf-8
Content-Length: 234
Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

  • HTTP/1.1 200 OK：状态行，表明使用的 HTTP 版本是 1.1，状态码是 200（成功），状态描述是 “OK”。
  • Content-Type: application/json; charset=utf-8：表明响应体的内容类型是 JSON，字符编码是 UTF-8。
  • Content-Length: 234：表示响应体的长度。
  • Cache-Control: no-cache, no-store, must-revalidate：表示不允许缓存。
  • Pragma: no-cache：与Cache-Control一起用于禁止缓存。
  • Expires: 0：表示资源立即过期，不允许缓存。

响应体示例与解析：

{
    "data": "This is protected resource data."
}

响应体是一个 JSON 对象，包含受保护资源的数据。

通过这些丰富的实例，我们可以更深入地理解 HTTP 请求和响应的各个组成部分，以及它们在不同场景下的具体表现。在开发和调试过程中，通过浏览器查看请求头、请求体、响应头和响应体可以帮助我们找出问题并进行优化。

总之，了解如何通过浏览器查看 HTTP 请求和响应的各个部分是 Web 开发人员的重要技能之一。希望本文对你有所帮助。

阿贾克斯的黎明
关注
专栏目录
Scrapy爬虫框架 Requests and Responses 请求和响应
Mr数据杨
02-01 3万+
在本教程中，我们系统地讲解了如何使用Python的requests库来处理HTTP请求和响应。从基本的请求对象和响应对象操作，到错误处理、请求元数据的使用，以及如何处理特定类型的响应，本教程覆盖了网络编程中的关键概念和实用技巧。希望这份教程能帮助你在自学编程的道路上更进一步。如果遇到任何疑问或需要进一步的指导，建议多实践并参考官方文档或相关资料。网络编程是一个非常实用的技能，掌握它将为你的编程之路打开更多可能性。
【原创】Selenium获取请求头、响应头
拉灯的小手的博客
05-09 3864
本文仅供学习交流使用，如侵立删！ Selenium获取请求头、响应头 操作环境 win10 、 mac Python3.9 selenium、seleniumwire selenium是没有办法直接获取请求的详细Headers,很多时候我们我们是需要提取相关的参数来做进一步使用比如token之类的，这里推荐使用一个SeleniumWire模块来达到目的 Selenium-wire模块介绍 Selenium-wire官方文档 安装：pip install selenium-wire 项目介绍 Sel
开发者工具查看请求头&&请求体&&响应头&&响应体信息
qq_25243147的博客
04-11 9665
一·、浏览器地址栏填写www.baidu.com并访问 二、查看请求信息 （1）请求方法为GET，GET方法将参数拼接在URL上，由于URL长度有限制，故传送的数据量有限制。 （2）请求方法为POST，参数存储在请求体上，可以认为传送的数据大小不限。 二、查看响应信息 （1）响应头信息 （2）响应体信息 注：Response里展示的信息为服务器返回的原始信息；Preview里展示的是经浏览器格式化的服务器返回的信息，如json转成对象，html文本转成页面等等。 ...
介绍一下主流的浏览器的开发者工具(js调试和查看网络请求）
pythonxxoo的博客
01-16 1765
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 1、打开开发者工具：右键–>检查 (快捷键 f12) 2、开发者工具介绍： （1）： 选择页面的dom进行查看 （2）：设备适配 （3）元素： ① 可以查找到界面对应的dom； ② 通过计算样式，查看盒模型； ③ 在元素上选择右键，还可以：[当我们看到某个网站的css样
HTTP报文详解
lvwenwen
06-28 6069
文章链接：http://www.iteye.com/topic/1124408 引用 学习Web开发不好好学习HTTP报文，将会“打拳不练功，到老一场空”，你花在犯迷糊上的时间比你沉下心来学习HTTP的时间肯定会多很多。 HTTP请求报文解剖 HTTP请求报文由3部分组成（请求行+请求头+请求体）：  下面是一个实际的请求报文：  ①是请求方法，GET和POST是最常见的HTTP方法...
如何查看HTTP请求头
Flyer的后花园
02-15 5566
打开Chrome浏览器，点击右上角“三”按钮。 点击工具-----再点击开发者工具 找到Network选项框。以百度经验页面为例，点击任务选框来查看网络请求流 在Network框内会有所有的请求流 点击你所需要的请求流，查看头部信息 4
【前端爬虫】关于如何获取自己的请求头信息(user-agent和cookie)
weixin_47040861的博客
05-31 2143
注意：由于user-agent和cookie中保存了部分账户信息，所以一定不要随意泄露给他人！！！ 1.首先打开某个页面，点击键盘的F12键进入控制台，或者鼠标右键页面选择打开控制台
浏览器如何查看http请求的报文？
2301_76669854的博客
03-18 1654
这时就出现了载荷页面，里面就是我们提交上来的表单数据，就是格式化的请求体的内容。原始的请求体点击查看源码即可显示。（3）右键1点击查看，点击网络，刷新一下，可以看见两个名称项目一个127.0.0.1是我们输入打开的，另一个favicon.ico是谷歌浏览器运行自带的。此时在对应的名称的载荷下面会把我们所要的查询字符串的内容做一个格式化呈现出来。查看请求体内容时，得先模拟一个post请求。因为原本的get请求的请求体绝大多数为空。（1）模拟post请求：在html文件里写一个表单模拟post请求。
iOS开发之HTTP的请求头和响应头 以及常见的响应状态码
iOS小菜鸟的专栏
08-24 5834
*************请求头************** 请求头：包含了对客户端的环境描述、客户端请求信息等 GET /minion.png HTTP/1.1   //包含了请求方法、请求资源路径、HTTP协议版本 Host: 120.25.226.186:32812   //客户端想访问的服务器主机地址 User-Agent: Mozilla/5.0  //客户端的类型，
HTTP请求头和响应头
Rulelur的博客
12-12 3491
请求头 Accept：浏览器可接受的MIME类型。 就是希望服务器返回什么类型的数据，比如application/json，text/html，image/png，*/* Accept:application/json, text/javascript, */*; q=0.01 q是Quality values，权重系数，范围 0 =< q <= 1，q 值越大，请求越倾向于获得其“;”之前的类型表示的内容，若没有指定 q 值，则默认为1，若被赋值为0，则用于提醒服务器哪些是浏览器不接
Http请求头和响应头(Get和Post)
ling_xy的博客
09-09 7306
文章目录一、HTTP简介二、HTTP消息结构 [请求报文]（一）请求行（1）请求方法（2）请求头（3）空行（4）请求数据（post）实例 （post）三、HTTP响应消息（一）状态行（1）HTTP状态码（二）HTTP响应头 content-Type（1）定义和用法application/x-www-form-urlencoded四、关于HTTP请求GET和POST的区别1.数据位置2.传输数据的大小3.安全性 参考：Http请求 一、HTTP简介 HTTP协议是 超文本传输协议 的缩写,是用于从万维网服务器
计算机网络之网页查看HTTP请求、响应信息
weixin_52690231的博客
03-15 4139
计算机网络之网页查看HTTP请求、响应信息
/* 获取HTTP 信息请求头 */
小亮子的博客
11-24 713
$HTTP_Header = getHeader(); /* 获取HTTP 信息请求头 */ function getHeader() { $headers = array(); foreach ($_SERVER as $key =&gt; $value) { if ('HTTP_' == substr($key, 0, 5)) { ...
如何在浏览器中获得请求头Headers的信息
热门推荐
sunshine2304的博客
02-14 1万+
浏览器中获取网页的头部Headers信息
使用Python获取HTTP请求头数据
霍格沃兹测试学院的博客
06-04 492
在Web开发和API交互中，HTTP请求头扮演着至关重要的角色。它们不仅告诉服务器请求的类型（如GET、POST等），还包含了关于客户端、请求内容以及其他重要信息的数据。在Python中，我们可以使用requests库来发送HTTP请求，并查看服务器返回的响应头，但通常我们也需要了解我们发送的请求头内容。在Python中，使用requests库可以方便地发送HTTP请求并查看响应头。虽然直接查看已发送请求的请求头有些限制，但你可以通过打印准备发送的请求对象中的头信息来达到类似的目的。
SpringBoot开发——获取HTTP请求头(Header)的三种方法
最新发布
bjzhang75的博客
09-18 2226
SpringBoot获取HTTP请求头(Header)的三种方法
查看 HTTP 请求的数据.
yuchangyuan5237的博客
05-31 1941
如何查看 HTTP 请求的完整数据.md
请求headers处理
橙子味冰可乐的博客
06-14 762
此时可以通过模拟浏览器的头部信息来进行访问，这样就能解决以上反爬设置的问题。（1）通过浏览器的网络监视器查看头部信息，首先通过火狐浏览器打开对应的网页地址，然后按下快捷键打开网络监视器，再刷新当前页面，网络监视器将显示如图2所示的数据变化。（3）实现代码，首先创建一个需要爬取的url地址，然后创建headers头部信息，再发送请求等待响应，最后打印网页的代码信息。（2）选中第一条信息，右侧的消息头面板中将显示请求头部信息，然后复制该信息，如图3所示。
HttpServletRequest 查看请求头数量
09-09
HttpServletRequest类提供了获取请求头的方法。通过调用getHeaderNames()方法可以获取所有的请求头名称，然后通过遍历的方式来计算请求头的数量。以下是示例代码： ``` int headerCount = 0; Enumeration<String> headerNames = request.getHeaderNames(); while (headerNames.hasMoreElements()) { headerNames.nextElement(); headerCount++; } ``` 这段代码会遍历所有的请求头名称，每遍历一次就将计数器加1。最终的headerCount变量就是请求头的数量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值