服务器与浏览器的交互
HTTP是一个客户端和服务器端请求和应答的标准（TCP）。讲到HTTP，不得不说Server（服务器）和Client（客户端），如图，浏览器负责发起请求，服务器在80端口接受请求，服务器负责返回内容（响应），浏览器负责下载响应内容。HTTP的作用就是指导浏览器和服务器如何进行沟通。
请求示例
用curl创造一个请求，并得到响应
用curl创造一个请求，并得到响应
（ps:curl是利用URL语法在命令行方式下工作的开源文件传输工具。它被广泛应用在Unix、多种Linux发行版中，并且有DOS和Win32、Win64下的移植版本。）
请求的格式
1 动词 路径 协议/版本
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3
4 要上传的数据
（ps:这里面的1,2,3,4为第几部分...）
1.请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空）
2.第三部分永远都是一个回车（\n）
3.动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
4.这里的路径包括「查询参数」，但不包括「锚点」
5.如果你没有写路径，那么路径默认为 /
6.第 2 部分中的 Content-Type 标注了第 4 部分的格式
用Chrome发请求
1.右键，然后点击检查，打开Network
2.在地址栏输入网址
3.在 Network 点击，查看 request，点击「view source」
4.点了「view source」？可以看到请求的前两部分了
5.如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到
Chrome发请求
响应的格式
1 协议/版本号 状态码 状态解释
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下载的内容
（ps:这里面的1,2,3,4为第几部分...）
- 状态码要背，是服务器对浏览器说的话
- 1xx 不常用
- 2xx 表示成功
- 3xx 表示代表需要客户端采取进一步的操作才能完成请求，这些状态码用来重定向
- 4xx 表示浏览器端错误
- 5xx 表示服务器端错误
- 状态解释没什么用
- 第 2 部分中的 Content-Type 标注了第 4 部分的格式
- 第 2 部分中的 Content-Type 遵循 MIME 规范
用Chrome查看响应
1.打开 Network
2.输入网址
3.选中第一个响应
4.查看 Response Headers，点击「view source」
5.点击「view source」？可以看到响应的前两部分
6.查看 Response 或者 Preview，你会看到响应的第 4 部分
网友评论