day14-HTTP01

来源:https://www.cnblogs.com/liyuelian/archive/2022/11/09/16875300.html
-Advertisement-
Play Games

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


HTTP協議

1.什麼是HTTP協議?

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

2.快速入門HTTP協議

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

快捷鍵ctrl+shift+i或者f12

image-20221109181227173

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

2.2頁面請求次數分析

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

image-20221109182744439
<!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頁面時,一共發出了幾次請求?

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

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

驗證

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

image-20221109184607030

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

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

3.HTTP請求包分析(GET)

image-20221109185142728

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

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

image-20221109191038560image-20221109191057575

在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:

image-20221109191450015
<!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

image-20221109192535590

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

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

image-20221109194750806

點擊第一個請求,查看請求頭:

image-20221109200010609

4.HTTP請求包分析(POST)

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

image-20221109202719221

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

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

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

image-20221109203122128

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

image-20221109203351387

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

image-20221109204305729

image-20221109203817179

補充:

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

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

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

    image-20221109204823234

    解碼後顯示:

    image-20221109205346156
  2. content-length表示發送的數據長度,這裡的數據為表單數據,告訴伺服器要按多少個位元組來讀取

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

5.1GET請求

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

例子

image-20221109211944870

5.2POST請求

  1. form標簽method=post

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

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

  • 傳輸的數據大小區別

    1. get傳送的數據量比較小,不能大於2KB(不同的瀏覽器不一樣)
    2. post傳輸的數據量比較大,一般預設不受限制
  • 什麼情況下使用post請求

    1. post請求是會在瀏覽器上隱藏參數部分的,在安全要求的部分都會使用到post請求,如用戶登錄等。這樣不會通過你的請求暴露你的參數格式
    2. 在向伺服器傳遞數據較大的時候,使用post(get有限制),比如發帖,上傳文件
  • 什麼情況下使用get請求

    1. 在前臺頁面展示,比如分頁內容,可以保留傳遞參數;也可用來分享和傳播,而在post中鏈接地址是不變的

      image-20221109213443401 image-20221109214006075

建議:

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

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 面向對象之元類 一、什麼是元類 Python中一切皆為對象,對象是有類實例化生成; 類也是對象(類對象),生成類對象的類可稱之為元類; 所以,元類就是來創建類對象的,可稱之為類工廠; type是python內建元類,type是最上層的元類,也可稱為一切類對象的元類 二、元類推導流程 """推導步驟1 ...
  • 異常 一、異常:就是程式出現不正常的情況。 Throwable Error Exception RuntimeException 非RuntimeException Error:嚴重問題,不處理 Exception:異常類,程式本身可以處理 RuntimeException:編譯期間不檢查,程式出現 ...
  • 簡介: 迭代器模式,是行為型的設計模式。 提供一中方法順序訪問一個聚合對象中的各個元素,而又不需要暴露該對象的內部表示。 適用場景: 除了學習,在PHP中幾乎沒有應用場景。 優點: 學習意義遠大於實際意義。 缺點: 實際開發中幾乎用不上,完全可以被更簡單的foreach,或者是所用框架內置的遍歷方案 ...
  • 說明:基於 MyBatis 有很多第三方功能插件,這些插件可以完成數據操作方法的封裝、資料庫逆向工程的生成等。 tkMapper 和 MyBatis-plus 都是基於 MyBatis 提供的第三方插件,功能類似,下麵介紹 tkMapper 的使用。 簡介 tkMapper 就是一個 MyBatis ...
  • 以下這個例子非常好的闡述了父子類同時存在時靜態代碼塊/靜態變數初始化,普通代碼塊/普通成員變數初始化,構造器之間的具體運行順序。 註意,在構造器開頭,我們可以看作按順序隱藏了以下兩行關鍵執行步驟: super(); 普通代碼塊和普通屬性的初始化... 具體例子如下,運行順序在代碼註釋中以數字括弧給出 ...
  • 前段時間公司一直要求進行只是梳理,整合,想著做一套知識管理系統,在gitee上找到了一個開源的項目管理系統,帶的有知識庫管理子系統,索性就拿來使用了; gitee地址 https://gitee.com/gouguopen/dev.git 【非廣告推廣】解決公司實際需要 我這個部署到本地了,使用集成 ...
  • 簡述 將各個功能拆分後分別封裝(各功能解耦),需要時可自由組合(包括執行順序) 話不多說,看個優化案例吧。 優化案例 最初版 以下是模擬客戶端想服務端發送請求的業務流程。 客戶端調用代碼如下。 // 客戶端 public class Client { public static void main( ...
  • 前言 大家早好、午好、晚好吖~ 這不光棍節快到了,表弟準備寫一封情書給他的女神,想在光棍節之前脫單。 為了提高成功率,於是跑來找我給他參謀參謀,本來我是不想理他的。 不過誰讓他是我表弟呢(請我洗jio),於是教給他程式員的終極浪漫絕招 先假裝給女神拍照,然後再把情書寫到她的照片上列印出來送給她,嘿嘿 ...
一周排行
    -Advertisement-
    Play Games
  • 一個自定義WPF窗體的解決方案,借鑒了呂毅老師的WPF製作高性能的透明背景的異形視窗一文,併在此基礎上增加了滑鼠穿透的功能。可以使得透明窗體的滑鼠事件穿透到下層,在下層窗體中響應。 ...
  • 在C#中使用RabbitMQ做個簡單的發送郵件小項目 前言 好久沒有做項目了,這次做一個發送郵件的小項目。發郵件是一個比較耗時的操作,之前在我的個人博客裡面回覆評論和友鏈申請是會通過發送郵件來通知對方的,不過當時只是簡單的進行了非同步操作。 那麼這次來使用RabbitMQ去統一發送郵件,我的想法是通過 ...
  • 當你使用Edge等瀏覽器或系統軟體播放媒體時,Windows控制中心就會出現相應的媒體信息以及控制播放的功能,如圖。 SMTC (SystemMediaTransportControls) 是一個Windows App SDK (舊為UWP) 中提供的一個API,用於與系統媒體交互。接入SMTC的好 ...
  • 最近在微軟商店,官方上架了新款Win11風格的WPF版UI框架【WPF Gallery Preview 1.0.0.0】,這款應用引入了前沿的Fluent Design UI設計,為用戶帶來全新的視覺體驗。 ...
  • 1.簡單使用實例 1.1 添加log4net.dll的引用。 在NuGet程式包中搜索log4net並添加,此次我所用版本為2.0.17。如下圖: 1.2 添加配置文件 右鍵項目,添加新建項,搜索選擇應用程式配置文件,命名為log4net.config,步驟如下圖: 1.2.1 log4net.co ...
  • 之前也分享過 Swashbuckle.AspNetCore 的使用,不過版本比較老了,本次演示用的示例版本為 .net core 8.0,從安裝使用開始,到根據命名空間分組顯示,十分的有用 ...
  • 在 Visual Studio 中,至少可以創建三種不同類型的類庫: 類庫(.NET Framework) 類庫(.NET 標準) 類庫 (.NET Core) 雖然第一種是我們多年來一直在使用的,但一直感到困惑的一個主要問題是何時使用 .NET Standard 和 .NET Core 類庫類型。 ...
  • WPF的按鈕提供了Template模板,可以通過修改Template模板中的內容對按鈕的樣式進行自定義。結合資源字典,可以將自定義資源在xaml視窗、自定義控制項或者整個App當中調用 ...
  • 實現了一個支持長短按得按鈕組件,單擊可以觸發Click事件,長按可以觸發LongPressed事件,長按鬆開時觸發LongClick事件。還可以和自定義外觀相結合,實現自定義的按鈕外形。 ...
  • 一、WTM是什麼 WalkingTec.Mvvm框架(簡稱WTM)最早開發與2013年,基於Asp.net MVC3 和 最早的Entity Framework, 當初主要是為瞭解決公司內部開發效率低,代碼風格不統一的問題。2017年9月,將代碼移植到了.Net Core上,併進行了深度優化和重構, ...