HTTP协议请求报文与响应文本结构

文章目录

  • http
    • 请求报文
    • 响应报文
    • 网络控制台查看通信报文

http

HTTP协议:超文本传输协议,协议详细规定了浏览器和万维网服务器之间相互通信的规则。
协议是一种规则,绝大多是网页的传输都是http协议。
HTTP协议请求报文与响应文本结构_第1张图片

请求报文

请求报文:ajax通过发送请求报文来请求服务器。
请求报文格式:(4部分组成)

  • 请求行:请求类型(GET\POST)/ URL路径(传参) / http协议的版本

  • 请求头:

    • Host: baidu.com
    • Cookie: name=baidu
    • Content-type: application/x-www-form-urlencoded
    • User-Agent: chrom 83
      (格式 名字: 值
      (对请求体的描述)
  • 空行:一个空行(不可省略)

  • 请求体:如果是get请求,请求体是空的;如果是post请求,请求体可以不为空。
    eg:username = admin&password=admin

响应报文

请求报文:服务器返回给浏览器的报文格式。

响应报文格式(4部分组成):

  • 响应行:http协议版本 响应状态码 响应状态字符串
    eg:响应状态码及对应的响应字符串
    404 找不到
    403 被禁止
    401 没有权限
    500 内部错误
    200 OK
  • 响应头:
    Content-Type: text/html;charset=utf-8
    Content-length:2048
    Content-encoding:gzip
    (对响应体内容的相关描述)
  • 空行: 一个空行(必须有)
  • 响应体:响应返回的结果(html内容
    eg: 响应体
DOCTYPE html>
<html lang="en">
<head>
head>
<body>
 	<h1>HelloWorldh1>   
body>
html>

网络控制台查看通信报文

打开浏览器 => F12代打开开发者工具 => 点击Network,下面显示的是当前网页在加载过程中所有的请求
HTTP协议请求报文与响应文本结构_第2张图片
点击任意一条请求,右侧就会出现请求和响应报文的详细信息。
eg:
请求行和请求头:
HTTP协议请求报文与响应文本结构_第3张图片
载荷:对请求参数的解析、请求体
HTTP协议请求报文与响应文本结构_第4张图片
响应行和响应头:
HTTP协议请求报文与响应文本结构_第5张图片
响应体:HTTP协议请求报文与响应文本结构_第6张图片

你可能感兴趣的