关于HTTP请求与响应的基础总结

浏览器根据地址向地址对应的服务器发送请求，服务器根据浏览器发送过来的请求进行相对应的响应。

http请求

浏览器向服务器发送服务器http请求方式主要有get和post，其中get是向服务器请求数据，post是为了向服务器提交数据。
这两种方式有相同的地方以及不同的地方。

相同点

1.第一部分的格式都是 ：方法名 请求url 协议/版本(方法名分别对应GET、POST)
    eg：GET / HTTP/1.1     POST / HTTP/1.1
2.第二部分为成对出现的请求头，包含为了协助浏览器与服务器之间交互的一些信息。格式为key：valu（成对出现）
常见的一些属性信息为：

（1）Host：url的域名
（2）Accept ：告诉服务端 客户端接受什么类型的响应。
（3）User-Agent：浏览器类型
详细的可以百度请求头。
3.第三部分是一行空的，用来分割请求头和请求正文的。

不同点

get请求的参数是直接在第一部分的请求url中通过？key1=value1&key2=value2接在后面。而post是以key1=value1&key2=value2的形式放在第四部分的请求正文中。
所以，get与post的方式第一个不同就是，两者的请求参数放的位置不一样，以及post可以有请求正文，而get方式没有。但是，post也可以通过拼接字符串的方式将参数放请求url中。

http响应

http响应由四部分组成。
第一部分的格式为:协议/版本  状态码  状态描述。eg：http/1.1 200 ok
第二部分为响应头，是服务器告诉浏览器响应内容的一些信息，比如响应正文是什么格式的，比特长度为多少等等。eg：Content-Type：text/html;charset=utf-8

Content-Length：响应内容的长度。
第三部分为空行，用来分割响应头和响应正文的。
第四部分是响应正文，是服务器返回给浏览器的数据文件，而文件的格式是由第二部分的Content-Type来决定的。文件类型一般为html文件，浏览器在接收数据文件后，对文件进行解析渲染。

用谷歌浏览器开发者工具查看请求与响应（直接copy的）

可以通过F12或者鼠标右键的菜单检查选项，进入开发者工具。

查看请求

打开 Network
地址栏输入网址
在 Network 点击，查看 request，点击「view source」
点击三次「view source」可以看到请求的前三部分了
如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到

查看响应

打开 Network
输入网址
选中第一个响应
查看 Response Headers，点击三次「view source」
你会看到响应的前两部分
查看 Response 或者 Preview，你会看到响应的第 4 部分