day14-HTTP01

HTTP協議1.什么是HTTP協議?

  1. 超文本傳輸協議(HTTP,HyperText Transfer Protocol)是互聯網上應用廣泛的一種網絡協議 。是工作在tcp/ip協議基礎上的,所有的www文件都遵守這個標準
  2. http1.0 短連接http1.1長連接
  3. HTTP是TCP/IP協議的一個應用層協議,HTTP也是我們web開發的基礎
  • HTTP請求頭大全 - 常用參考表對照表
  • HTTP狀態碼大全 - 常用參考表對照表
2.快速入門HTTP協議2.1使用Chrome抓取http請求和相應數據包
快捷鍵ctrl+shift+i或者f12

day14-HTTP01

文章插圖
瀏覽器請求資源的UML圖詳見Tomcat01-3.9瀏覽器訪問web服務器過程詳解
2.2頁面請求次數分析如下,新建一個web項目,在web文件夾中編寫test.html文件
day14-HTTP01

文章插圖
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>http請求的問題</title></head><body><h1>圖片</h1><img src="https://www.huyubaike.com/biancheng/img/1.jpg" width="300px"><img src="https://www.huyubaike.com/biancheng/img/2.jpg" width="300px"></body></html>當瀏覽器訪問test.html頁面時,一共發出了幾次請求?
答:一共發出了三次請求 。
  1. 第一次請求的是test.html文件
  2. 當瀏覽器解析發現tese.html中還有<img src="https://www.huyubaike.com/biancheng/img/1.jpg" width="300px"> <img src="https://www.huyubaike.com/biancheng/img/2.jpg">
  3. 會向服務器繼續發送請求,要1.png和2.png圖片的資源,一共三次請求
驗證
啟動Tomcat服務器 , 在瀏覽器中按f12打開控制臺:
day14-HTTP01

文章插圖
可以看到瀏覽器一共請求了三次,第一次是html,后兩次是jpg圖片
favicon.ico是網站的圖標,每次都會默認請求,這里忽略
3.HTTP請求包分析(GET)
day14-HTTP01

文章插圖
演示:HTTP請求(GET)-有數據提交情況
新建一個java項目 , 添加web支持 , 導入servlet-api的jar包,創建Tomcat 。
day14-HTTP01

文章插圖
day14-HTTP01

文章插圖
在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 {@Overrideprotected 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()}@Overrideprotected 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()}}

推薦閱讀