Ajax学习:如何在Chrome网络控制台查看通信报文（请求报文/响应报文）

第一步：F12开启控制台，

第二步骤：打开网络标签

然后刷新页面

在网络标签位置处，这时候会出现所有发送的请求

 点击第一个：会出现内容

 预览部分:是解析 观察解析结果处

标头=headers:主要观察请求头和请求体部分

---

GET请求部分 

请求标头：

 点击上方查看源代码：就会出现请求行（请求类型 GET/POST等+url请求路径（网址后面）+ HTTP协议的版本、（HTTP/1.1等））--是get请求，请求体内容是空的

 查询字符串参数，是对请求报文中的请求行中的url参数进行解析（可以准确看到参数是否有成功发送）---是请求体部分

没有参数--这是get请求（有请求参数）

对url参数解析 （有参数）

 

查看响应标头（包含响应头+行）部分

点击查看源代码部分 （包含了响应行+响应头）

 响应体：在响应部分是html内容 （服务端返回的内容）

 

---

POST请求部分--使用插件powtwoman

查看请求标头源代码部分

 请求体在在负载里面--表单数据中--这是post

原始请求体内容在查看原代码处，点击发送按钮，浏览器帮我们将http报文封装好，发送到目标服务器的指定端口

 

 如果响应的内容是跳转，在响应中看不到