HTTP请求UML时序图--(POST)图和(GET)图源码分析及代码分析和MIME 介绍--常用的状态码说明

news2024/10/7 6:44:30

WEB 开发通信协议-HTTP

什么是 HTTP 协议

介绍

http 请求 hi.html 的 UML时序图

HTTP 请求包分析

1. HTTP 请求包分析(GET)图, 说明可以通过浏览器抓包分析

代码说明

HTML部分

JAVA部分

web.xml部分

3) 完成测试，并抓包分析

HTTP 请求包分析(POST)

(POST)图

GET 请求 POST 请求分别有哪些?

● GET 请求有哪些

代码演示

● POST 请求有

● HTTP 请求中怎样选择 Get 和 Post

传输的数据大小区别

什么情况下使用 post 请求

什么情况下使用 get 方式呢

建议：

常用的状态码说明

演示 302 状态码使用

演示 304 状态码使用

MIME 类型

MIME 介绍

常见的 MIME 类型

WEB 开发通信协议-HTTP

什么是 HTTP 协议

超文本传输协议(HTTP，HyperText Transfer Protocol)是互联网上应用广泛的一种网络协议。

是工作在 tcp/ip 协议基础上的,所有的 WWW 文件都遵守这个标准。

介绍

http1.0 短连接 http1.1 长连接

http 是 TCP/IP 协议的一个应用层协议,http 也是我们 web 开发的基础.

http 请求 hi.html 的 UML时序图

HTTP 请求包分析

1. HTTP 请求包分析(GET)图, 说明可以通过浏览器抓包分析

请求行
请求头

2. 说明：HTTP 请求(GET)-有数据提交情况

代码说明

HTML部分

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>

<body>
    <h1>用户登录</h1>
    <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" value="用户登录"> <input type="reset" value="清空">
    </form>
</body>

</html>

JAVA部分

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        writer.print("<h1>登录成功~</h1>");
        writer.flush();
        writer.close();
    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws
            ServletException, IOException {
        response.setContentType("text/html;charset=utf-8");
        PrintWriter writer = response.getWriter();
        writer.print("<h1>登录成功~</h1>");
        writer.flush();
        writer.close();
    }

}

web.xml部分

<servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>com.http.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>

3) 完成测试，并抓包分析

HTTP 请求包分析(POST)

● HTTP POST 请求方式案例

1. 修改上面的html, 将GET换成POST

(POST)图

GET 请求 POST 请求分别有哪些?

● GET 请求有哪些

1. form 标签 method=get [指定]

2. a 标签

3. link 标签引入 css [以get方式来获取资源]

4. Script 标签引入 js 文件 [以get方式来获取资源]

5. img 标签引入图片 [以get请求来获取图片]

6. iframe 引入 html 页面 [不演示]

7. 在浏览器地址栏中输入地址后敲回车[用的比较多]

代码演示

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <!--通过 get 请求获取 my.css-->
    <link rel="stylesheet" href="css/my.css">

    <!--通过 get 请求获取 my.js-->
    <script type="text/javascript" src="js/my.js"></script>
    <title>用户登录</title>
</head>

<body>
    <h1>用户登录</h1>
    
    <!-- 给我们的 LoginServlet 发出 Get 请求提交表单, method=post 表示发出 post 请求
-->
    <form action="http://localhost:8080/http/login" method="post">
        u: <input type="text" name="username" /><br />
        p: <input type="password" name="pwd" /><br />
        <input type="submit" value="用户登录"> <input type="reset" value="清空">
    </form>

    <h1>GET 请求演示</h1>
    <a href="http://www.baidu.com">goto 百度</a><br />
    <!-- 是 get 请求 -->
    <img src="imgs/1.png" width="400px" />
</body>

</html>