HTTP協議 1.什麼是HTTP協議？超文本傳輸協議（HTTP，HyperText Transfer Protocol）是互聯網上應用廣泛的一種網路協議。是工作在tcp/ip協議基礎上的，所有的www文件都遵守這個標準 http1.0 短連接 http1.1 長連接 HTTP是TCP/IP協議的一 ...

HTTP協議

1.什麼是HTTP協議？

超文本傳輸協議（HTTP，HyperText Transfer Protocol）是互聯網上應用廣泛的一種網路協議。是工作在tcp/ip協議基礎上的，所有的www文件都遵守這個標準
http1.0 短連接 http1.1 長連接
HTTP是TCP/IP協議的一個應用層協議，HTTP也是我們web開發的基礎

2.快速入門HTTP協議

2.1使用Chrome抓取http請求和相應數據包

快捷鍵ctrl+shift+i或者f12

瀏覽器請求資源的UML圖詳見Tomcat01-3.9瀏覽器訪問web伺服器過程詳解

2.2頁面請求次數分析

如下，新建一個web項目，在web文件夾中編寫test.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>http請求的問題</title>
</head>
<body>
<h1>圖片</h1>
<img src="img/1.jpg" width="300px">
<img src="img/2.jpg" width="300px">
</body>
</html>

當瀏覽器訪問test.html頁面時，一共發出了幾次請求？

答：一共發出了三次請求。

第一次請求的是test.html文件
當瀏覽器解析發現tese.html中還有<img src="img/1.jpg" width="300px"> <img src="img/2.jpg">時
會向伺服器繼續發送請求，要1.png和2.png圖片的資源，一共三次請求

驗證

啟動Tomcat伺服器，在瀏覽器中按f12打開控制台：

可以看到瀏覽器一共請求了三次，第一次是html，後兩次是jpg圖片

favicon.ico是網站的圖標，每次都會預設請求，這裡忽略

3.HTTP請求包分析(GET)

演示：HTTP請求(GET)-有數據提交情況

新建一個java項目，添加web支持，導入servlet-api的jar包，創建Tomcat。

在src目錄下創建LoginServlet，給頁面返回數據

package li.servlet;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.PrintWriter;

/**
 * LoginServlet
 */
@WebServlet(urlPatterns = {"/login"})
public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //伺服器端輸出
        System.out.println("LoginServlet doGet() 被調用");
        //輸出一句話，返回給瀏覽器
        //1.通過response獲取一個流PrintWriter,可以給瀏覽器回覆數據
        //2.為了讓瀏覽器顯示中文，需要設置編碼為utf-8
        //(1)給回送的數據設置編碼 (2)text/html這個是MIME，即告訴瀏覽器返回的數據是
        //text類型下的html格式數據[MIME類型](3)charset=utf-8給數據設置編碼
        //註意：設置編碼要在 response.getWriter()之前，否則無效
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        writer.print("<h1>登錄成功~</h1>");
        //為了確保數據返回，可以調用flush()和close()
        //flush()表示將緩存的數據進行刷新
        writer.flush();
        //close()表示關閉流，有些語言是close方法中就包含了flush方法
        writer.close();
        //建議調用flush()和close()
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //伺服器端輸出
        System.out.println("LoginServlet doPost() 被調用");
        //輸出一句話，返回給瀏覽器
        //1.通過response獲取一個流PrintWriter,可以給瀏覽器回覆數據
        //2.為了讓瀏覽器顯示中文，需要設置編碼為utf-8
        //(1)給回送的數據設置編碼 (2)text/html這個是MIME，即告訴瀏覽器返回的數據是
        //text類型下的html格式數據[MIME類型](3)charset=utf-8給數據設置編碼
        //註意：設置編碼要在 response.getWriter()之前，否則無效
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        writer.print("<h1>POST登錄成功~</h1>");
        //為了確保數據返回，可以調用flush()和close()
        //flush()表示將緩存的數據進行刷新
        writer.flush();
        //close()表示關閉流，有些語言是close方法中就包含了flush方法
        writer.close();
        //建議調用flush()和close()
    }
}

在web目錄下創建login.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用戶登錄</title>
</head>
<body>
<h1>用戶登錄</h1>
<!--給LoginServlet發送get請求-->
<form action="http://localhost:8080/http/login" method="get">
    u:<input type="text" name="username"/><br/>
    p:<input type="password" name="pwd"/><br/>
    <input type="submit" name="用戶登錄"/><input type="reset" name="重置"/>
</form>
</body>
</html>

點擊redeployTomcat

在瀏覽器中打開調試台(f12)，點擊網路。在地址欄輸入：http://localhost:8080/http/login.html,回車。

在login.html的框中輸入信息，點擊登錄，調試台顯示如下：

點擊第一個請求，查看請求頭：

4.HTTP請求包分析(POST)

在上面的基礎上修改login.html文檔的提交方式為 post

redeployTomcat，然後在瀏覽器中打開調試台(f12)，點擊網路。

在地址欄輸入：http://localhost:8080/http/login.html並回車。

在login.html的框中輸入信息，點擊登錄，調試台顯示如下：

點擊第一個請求，查看請求頭：可以發現請求行中已經沒有用戶提交的數據了

在請求按鈕下麵可以看到用戶請求的表單數據：其實原始的post請求是包含該數據的，只是瀏覽器將其分開了

補充：

content-type中的x-www-form-urlencoded：表示我們的表單數據是url編碼

url編碼是一種瀏覽器用來打包表單輸入的格式。瀏覽器從表單中獲取所有的name和其中的值，將它們以name/value參數編碼（移去那些不能傳送的字元，將數據排行等等）作為URL的一部分或者分離地發給伺服器

例如：表單輸入中文符號提交，在表單數據中可以看到url編碼如下：

解碼後顯示：
content-length表示發送的數據長度，這裡的數據為表單數據，告訴伺服器要按多少個位元組來讀取

5.GET請求和POST請求到底有哪些？

5.1GET請求

form標簽method=get
a 標簽
link標簽引入css [以get方式來獲取資源]
script標簽引入js文件 [以get方式來獲取資源]
img標簽引入圖片
iframe引入html頁面
在瀏覽器地址欄中輸入地址後敲回車

例子

5.2POST請求

form標簽method=post

5.3HTTP請求中怎麼樣選擇get和post請求

在大多數情況下不需要考慮這個問題，因為業務本身就會自動區別

傳輸的數據大小區別
1. get傳送的數據量比較小，不能大於2KB（不同的瀏覽器不一樣）
2. post傳輸的數據量比較大，一般預設不受限制
什麼情況下使用post請求
1. post請求是會在瀏覽器上隱藏參數部分的，在安全要求的部分都會使用到post請求，如用戶登錄等。這樣不會通過你的請求暴露你的參數格式
2. 在向伺服器傳遞數據較大的時候，使用post（get有限制），比如發帖，上傳文件
什麼情況下使用get請求
1. 在前臺頁面展示，比如分頁內容，可以保留傳遞參數；也可用來分享和傳播，而在post中鏈接地址是不變的

建議：

get方式的安全性較post要差些。包括機密信息的話就使用post
在做數據查詢時，建議使用get方式；而在做數據加入，改動和刪除時，建議用post方式

day14-HTTP01