HTTP协议以及get和post请求-CFANZ编程社区

HTTP协议

是W3C制定的一种超文本传输协议。

HTTP协议游走在B和S之间。B向S发数据要遵循HTTP协议。S向B发数据同样需要遵循HTTP协议。这样B和S才能解耦合。

B/S表示：B/S结构的系统（浏览器访问WEB服务器的系统）

浏览器向 WEB服务器发送数据，叫做：请求（request)
WEB服务器向浏览器发送数据，叫做：响应（response）

HTTP协议是一种通信协议，它提前制定了发送消息的模板。

HTTP协议包括请求协议和响应协议，这个协议适用于所有的浏览器，同时适用于所有的WEB服务器，无论品种。

火狐浏览器可以向 Tomcat发送请求，也可以向Jetty服务器发送请求；WEB服务器可以响应火狐浏览器，也可以响应Chrome浏览器，当然也可以是IE浏览器。他们都要遵循HTTP协议。

下面举个例子：

提交之后，f12查看网络：

服务器做出响应：

HTTP的请求协议（B --> S）

HTTP的请求协议包括：4部分（相当重要）
- 请求行
- 请求头
- 空白行
- 请求体

HTTP请求协议的具体报文：GET请求

GET /servlet_05/getservlet?username=jack&password=123 HTTP/1.1        //请求行
//以下是请求头：
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6
Connection: keep-alive
Cookie: Idea-d803d4bf=4717b525-c2cc-40b1-8540-41c18e597669
Host: localhost:8080
Referer: http://localhost:8080/servlet_05/index.html
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 Edg/100.0.1185.44
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="100", "Microsoft Edge";v="100"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Windows"

                                                                       //空白行
                                                                       //请求体

HTTP请求协议的具体报文：POST请求

POST /servlet_05/postservlet HTTP/1.1                                   //请求行
//以下是请求头
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6
Cache-Control: max-age=0
Connection: keep-alive
Content-Length: 28
Content-Type: application/x-www-form-urlencoded
Cookie: Idea-d803d4bf=4717b525-c2cc-40b1-8540-41c18e597669
Host: localhost:8080
Origin: http://localhost:8080
Referer: http://localhost:8080/servlet_05/index.html
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: same-origin
Sec-Fetch-User: ?1
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.127 Safari/537.36 Edg/100.0.1185.44
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="100", "Microsoft Edge";v="100"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Windows"
                                                                         //空白行
username=bender&password=123                                             //请求体

请求行包括3部分：请求方式、URI、HTTP协议版本号

第一部分：请求方式（7种）
- get（常用的）
- post（常用的）
- delete
- put
- head
- options
- trace

第二部分：URI
- 什么是URI？统一资源标识符。代表网络中某个资源的名字。但是通过URI是无法定位资源的。
- 什么是URL？统一资源定位符。代表网络中某个资源，同时，通过URL是可以定位到该资源的。
- URI和URL什么关系，有什么区别？
  - URI包括URL
  - http://localhost:8080/servlet_05/index.html 这是URL。
  - /servlet_05/index.html 这是URI。

请求头
- 请求的主机
- 主机的端口
- 浏览器信息
- 平台信息
- cookie等信息
- ....
空白行
- 空白行是用来区分“请求头”和“请求体”
请求体
- 向服务器发送的具体数据。

HTTP的响应协议（S --> B）

HTTP的响应协议包括：4部分
- 状态行
- 响应头
- 空白行
- 响应体
HTTP响应协议的具体报文：

HTTP/1.1 200                                //状态行
//以下是响应头:
Content-Type: text/html;charset=UTF-8
Content-Length: 128
Date: Thu, 21 Apr 2022 03:39:33 GMT
Keep-Alive: timeout=20
Connection: keep-alive
                                            //空白行
<!DOCTYPE html>                             //响应体
<html>
<head>
<title>from get servlet</title>
</head>
<body>
<h1>from get servlet</h1>
</body>
</html>

状态行
- 三部分组成
  - 第一部分：协议版本号（HTTP/1.1）
  - 第二部分：状态码（HTTP协议中规定的响应状态号。不同的响应结果对应不同的号码。）
    - 200 表示请求响应成功，正常结束。
    - 404表示访问的资源不存在，通常是因为要么是你路径写错了，要么是路径写对了，但是服务器中对应的资源并没有启动成功。总之404错误是前端错误。
    - 405表示前端发送的请求方式与后端请求的处理方式不一致时发生：
      - 比如：前端是POST请求，后端的处理方式按照get方式进行处理时，发生405
      - 比如：前端是GET请求，后端的处理方式按照post方式进行处理时，发生405
    - 500表示服务器端的程序出现了异常。一般会认为是服务器端的错误导致的。
    - 以4开始的，一般是浏览器端的错误导致的。
    - 以5开始的，一般是服务器端的错误导致的。
  - 第三部分：状态的描述信息
    - ok 表示正常成功结束。
    - not found 表示资源找不到。
响应头：
- 响应的内容类型
- 响应的内容长度
- 响应的时间
- ....
空白行：
- 用来分隔“响应头”和“响应体”的。
响应体：
- 响应体就是响应的正文，这些内容是一个长的字符串，这个字符串被浏览器渲染，解释并执行，最终展示出效果。
  
  怎么向服务器发送GET请求，怎么向服务器发送POST请求？
  到目前为止，只有一种情况可以发送POST请求：使用form表单，并且form标签中的method属性值为：method="post"。
- 其他所有情况一律都是get请求：
  - ....
  - 或者使用form的时候，form标签中method属性值为：method="get"
  - 使用form表单提交数据时，form标签中没有写method属性，默认就是get
  - 在浏览器上直接点击超链接，属于get请求。
  - 在浏览器地址栏上直接输入URL，敲回车，属于get请求。