http学习

http请求与响应内容

请求的格式

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 要上传的数据

1. 请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空）
2. 第三部分永远都是一个回车（\n）
3. 动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
4. 这里的路径包括「查询参数」，但不包括「锚点」
5. 如果你没有写路径，那么路径默认为 /
6. 第 2 部分中的 Content-Type 标注了第 4 部分的格式

再次强调，后缀是废话。文件内容是有 HTTP 头中的 Content-Type 保证的
HTTP 路径不是文件路径！！！/xxx.html 不一定对应 xxx.html 文件

响应的格式

1 协议/版本号 状态码 状态解释
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下载的内容

• 状态码要背，是服务器对浏览器说的话
  • 1xx 不常用
  • 2xx 表示成功
  • 3xx 表示滚吧
  • 4xx 表示你丫错了
  • 5xx 表示好吧，我错了
• 状态解释没什么用
• 第 2 部分中的 Content-Type 标注了第 4 部分的格式
• 第 2 部分中的 Content-Type 遵循 MIME 规范

在命令行中通过curl，获得http请求和响应消息。

explainshell.png

curl -X post -s -v -I -d "123456"-H "xx : yy" cuilei.top

• -v显示http header
• -H添加请求消息
• -I只显示header，不显示网页内容
• -Xhttp方法，例如get/post/put等
• -dhttp方法post传送特定的数据

curl https://raw.githubusercontent.com/FrankFang/nodejs-test/7f1a0ce15c47a6c2c938fe322f042e5d62bc7d01/server.js > ~/desktop

用 Chrome 查看响应

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

用 Chrome 发请求

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