超文本传输协议HTTP消息体拆分讲解

目录

HTTP请求消息结构

HTTP响应消息结构


        HTTP协议请求和响应消息结构初步认知解析

        开发人员和测试人员经常需要使用浏览器与Web项目进行交互,通过浏览器控制台可以很方便的调试问题和排除问题;本章主要通过使用浏览器并结合实际案例,带领大家初步认知http的请求和响应的消息结构组成部分;

        本章示例操作环境为谷歌浏览器,通过点击F12查看网站参数;

HTTP请求消息结构

1、请求行(General)

  • 请求方法:GET、POST、PUT、DELETE等
  • URL地址(详细解析)
  • 协议名:http0.9、http1.0、http1.1、http2.0

2、请求头(Request Headers)

  • 报文头包含若干个属性格式为“属性名:属性值”;
  • User-Agent:服务端据此获取客户端的基本信息

3、请求体(Query String Paramters/Request Payload)

  • 客户端发起请求到服务端的真实参数;可以是JSON对象,也可以是前端表单生成的key=value&key=value的字符串

POST方式请求示例

 

GET方式请求示例

 

HTTP响应消息结构

1、响应行

  • 报文协议及版本、状态码

2、响应头(Response Headers)

  • 报文头包含若干个属性格式为“属性名:属性值”

3、响应正文(Response & Preview)

  • 服务器响应报文体,我们需要的具体数据内容,多种形式;比如html、json、图片、视频文件等;

服务器响应内容,主要通过响应头的Content-type进行区分数据类型;

响应json格式示例

 

Preview:将服务器返回的数据格式化输出,方便展开查询;

Response:服务器返回的数据以字符串方式显示;

响应图片格式示例

响应结果是图片,点击Preview 可直接预览

 

响应静态资源Javascript示例

        掌握http请求和响应消息结构,懂得如何区分和排除数据,是开发人员和测试人员必备基础知识;

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

♂老码♂

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值