笔记05 http实用指南｜青训营超文本传输协议]（HTTP，HyperText Transfer Protocol

超文本传输协议]（HTTP，HyperText Transfer Protocol)是[互联网]上应用最为广泛的一种[网络协议]。所有的[WWW]文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收[HTML]页面的方法。1960年美国人[Ted Nelson](构思了一种通过[计算机]处理文本信息的方法，并称之为超文本（hypertext）,这成为了HTTP超文本传输协议标准架构的发展根基。

HTTP是一个客户端和服务器端请求和应答的标准（TCP）。我们可以来了解下如何使用HTTP进行请求和应答。

举例，我们可以对百度首页进行用 curl 命令创造一个请求，并得到响应。

curl -s -v -H "Frank: xxx" -- "www.baidu.com/"

我们可以看见，图中显示请求的内容为：

    GET / HTTP/1.1
    Host: http://www.baidu.com/
    User-Agent: curl/7.54.0
    Accept: */*
    Frank: xxx

请求的格式

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

4 要上传的数据

注意

请求最多包含四部分，最少包含三部分。（第四部分可以为空）第三部分永远都是一个回车（\n）动词有 GET （获取），POST（上传）， PUT（更新）， PATCH（局部更新），DELETE（删除）等此时路径包括「查询参数」，但不包括「锚点」没有路径时，默认为 / 第 2 部分中的 Content-Type 标注了第 4 部分的格式

如何用Chrome开发者工具查看 HTTP 请求内容？

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

响应

请求了之后，应该得到一个响应，除非断网了或者服务器宕机。我们现在给出一个响应的案例：

      HTTP/1.1 200 OK
    Accept-Ranges: bytes
     Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
    Connection: Keep-Alive
    Content-Length: 2443
    Content-Type: text/html
    Date: Tue, 10 Oct 2017 09:14:05 GMT
    Etag: "5886041d-98b"
    Last-Modified: Mon, 23 Jan 2017 13:24:45 GMT
    Pragma: no-cache
    Server: bfe/1.0.8.18
    Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/
    <!DOCTYPE html>
    <!--STATUS OK--><html> <head>
    ……………

HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:19:47 GMT
Etag: "54d9749e-460b"
Server: bfe/1.0.8.18

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 
……………

GET 请求和 POST 请求对应的响应可以一样，也可以不一样响应的第四部分可以很长很长很长

###响应的格式

1 协议/版本号状态码状态解释

2 Key1: value1

2 Key2: value2

2 Content-Length: 17931

2 Content-Type: text/html

4 要下载的内容

状态码，是服务器对浏览器说的话。状态解释通常无用第 2 部分中的 Content-Type 标注了第 4 部分的格式第 2 部分中的 Content-Type 遵循 MIME 规范

如何用Chrome开发者工具查看 HTTP 响应内容

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

学习了老师的课程让我了解了http里面的一些细节，处理流程等，这节课可谓是对知识层面的一个拔高，这节实用指南包含了很多方面的小细节，正是我们平时不在意的这些细节就很有可能导致我们网页出现不符合自己预期的效果。这节课也拓展为我的知识面，很好

笔记05 http实用指南 ｜青训营

笔记05 http实用指南｜青训营