HTTP的请求报文响应报文

回到文章总目录

一,HTTP解释

HTTP(hypertext transport protocol)协议 [超文本传输协议]
协议详细规定了浏览器和万维网服务器之间互相通信的规则

二,请求报文和响应报文

请求种类,这里先介绍两种

GET请求      请求体可以没有
POST请求		请求体可以有

请求报文

1.GET
响应头:里面大多数信息格式为 名字+冒号+空格+参数

'''
请求行	GET /s?ie=utf-8 HTTP/1.1
请求头	Host: www.baidu.com
		Cookie: name=dalao
		Conten-type: applocation/x-www-form-url
		User-Agent: chrome 99
空行
请求体	username=admin&password=admin
'''

2.POST
响应头:里面大多数信息格式为 名字+冒号+空格+参数

'''
请求行	POST /s?ie=utf-8 HTTP/1.1
请求头	Host: www.baidu.com
		Cookie: name=dalao
		Conten-type: applocation/x-www-form-url
		User-Agent: chrome 99
空行
请求体	username=admin&password=admin
'''

响应报文

响应头:里面大多数信息格式为 名字+冒号+空格+参数

'''
响应行	HTTP/1.1	200	OK	1.(协议版本:HTTP/1.1)   2.(响应状态码:200:)   3.(响应状态字符串:OK)
响应头	Content-Type: text/html;charset=utf-8   类型
		Content-length: 2048	长度
		Content-encoding:gizp 	压缩方式
空行
响应体	<html>
			<head>
			</head>
			<body>
				<h1>网页文字</h1>
			</body>
		</html>
		
'''

展示示例

在谷歌浏览器里面。
1.按下F12进入开发者界面,然后再点击列Network。
在这个Netword标签下,name展示中列出我们当前网页所有发送和请求。和接收的文件信息。

2.在左边的百度页面搜索框里面输入luichun要进行搜索,回车
再进行一次刷新页面

3.点击Name里面的第一个文件
百度搜索是s?ie=utf-8&…
谷歌搜索是search?q=luichun…
在这里插入图片描述

在这里插入图片描述

然后它就会跳出另外一个窗口,

Headers 头部信息
Preview 响应的预览
Response 响应
Initiator 发起者
Timing 计时
Cookies 储存在用户本地终端上的数据(通常经过加密)

Headers下有四个标签

General 大体的
Response Headers 响应头
Request Headers 请求头
Query String Parameters 查询字符串参数

在这里插入图片描述

1.Request Headers 请求头
在百度里面是通过 Request Headers 点击右侧小字的view source查看请求方法GET
谷歌是直接点击Request Headers 查看调用方法GET

在百度里面 请求行为
GET(请求方法) + url(IP地址) + HTTP1.1(协议版本)
谷歌的就不解释了
在这里插入图片描述

2.Query String Parameters 查询字符串参数
是对请求行里面的url的参数解析(格式化 方便我们之后调式)
在这里插入图片描述
3.Response Headers 响应头
查看原始的响应报文
点击右侧小字的view source查看原始的响应报文
在这里插入图片描述

查看响应体则是点击上方窗口的Response
html标签文本 css样式 js代码等等
在这里插入图片描述

4.请求体的内容
通过post方法请求,登陆会使用该方式,展示一下
login文件里面的form data 表单里面则是记录了登陆信息
记录了邮箱以及密码
然后它的响应Response为空,是因为进行了跳转,对我们没有影响
在这里插入图片描述

总结

响应报文  1.Response(响应体) 
		 2.Response Headers(响应行)
		 
请求报文 
		 1.Request Headers(请求行) 
		 2.From Data(请求体)

关于HTTP2的可以浏览
https://nodejs.org/api/http2.html#http2_http_2

猜你喜欢

转载自blog.csdn.net/weixin_47021806/article/details/111871642