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

简介: HTTP请求UML时序图--(POST)图和(GET)图源码分析及代码分析和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)图, 说明 可以通过浏览器抓包分析

  1. 请求行
  2. 请求头

 

 

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

代码说明

HTML部分

1. <!DOCTYPE html>
2. <html lang="en">
3. 
4. <head>
5. <meta charset="UTF-8">
6. <title>用户登录</title>
7. </head>
8. 
9. <body>
10. <h1>用户登录</h1>
11. <form action="http://localhost:8080/http/login" method="get">
12.         u: <input type="text" name="username" /><br />
13.         p: <input type="password" name="pwd" /><br />
14. <input type="submit" value="用户登录"> <input type="reset" value="清空">
15. </form>
16. </body>
17. 
18. </html>

JAVA部分

1. import javax.servlet.ServletException;
2. import javax.servlet.http.HttpServlet;
3. import javax.servlet.http.HttpServletRequest;
4. import javax.servlet.http.HttpServletResponse;
5. import java.io.IOException;
6. import java.io.PrintWriter;
7. 
8. public class LoginServlet extends HttpServlet {
9. protected void doPost(HttpServletRequest request, HttpServletResponse response)
10. throws ServletException, IOException {
11.         response.setContentType("text/html;charset=utf-8");
12. PrintWriter writer = response.getWriter();
13.         writer.print("<h1>登录成功~</h1>");
14.         writer.flush();
15.         writer.close();
16.     }
17. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws
18.             ServletException, IOException {
19.         response.setContentType("text/html;charset=utf-8");
20. PrintWriter writer = response.getWriter();
21.         writer.print("<h1>登录成功~</h1>");
22.         writer.flush();
23.         writer.close();
24.     }
25. 
26. }

web.xml部分

1. <servlet>
2. <servlet-name>LoginServlet</servlet-name>
3. <servlet-class>com.http.LoginServlet</servlet-class>
4. </servlet>
5. <servlet-mapping>
6. <servlet-name>LoginServlet</servlet-name>
7. <url-pattern>/login</url-pattern>
8. </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. 在浏览器地址栏中输入地址后敲回车[用的比较多]

代码演示

1. <!DOCTYPE html>
2. <html lang="en">
3. 
4. <head>
5. <meta charset="UTF-8">
6. 
7. <!--通过 get 请求获取 my.css-->
8. <link rel="stylesheet" href="css/my.css">
9. 
10. <!--通过 get 请求获取 my.js-->
11. <script type="text/javascript" src="js/my.js"></script>
12. <title>用户登录</title>
13. </head>
14. 
15. <body>
16. <h1>用户登录</h1>
17. 
18. <!-- 给我们的 LoginServlet 发出 Get 请求提交表单, method=post 表示发出 post 请求
19. -->
20. <form action="http://localhost:8080/http/login" method="post">
21.         u: <input type="text" name="username" /><br />
22.         p: <input type="password" name="pwd" /><br />
23. <input type="submit" value="用户登录"> <input type="reset" value="清空">
24. </form>
25. 
26. <h1>GET 请求演示</h1>
27. <a href="http://www.baidu.com">goto 百度</a><br />
28. <!-- 是 get 请求 -->
29. <img src="imgs/1.png" width="400px" />
30. </body>
31. 
32. </html>

● POST 请求有

1. form 标签 method=pos

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

传输的数据大小区别

       1) get 传送的数据量较小。不能大于 2KB(不同浏览器不一样)。

       2) post 传送的数据量较大。一般默认不受限制

什么情况下使用 post 请求

1) post 请求是会在浏览器上隐藏參数部分的,在安全要求的部分都会使用到 POST 请求。

如用户登录。数据增上改等等。都会把參数隐藏起来,这样就不会通过你的请求暴露你的參数格式。        比方:del?id=1,别人就能够用 del?=3 来删除你其它数据。

2)         在向 server 传递数据较大的时候id。使用 POST,

           get 是有限制的, 比如发帖, 上传文件

 

什么情况下使用 get 方式呢

1) 在前台页面展示,比如分页内容等,可以保留传递参数, 可用来非常好的分享和传播, POST 中链接地址是不变化的。

建议:

1) get 方式的安全性较 Post 方式要差些。包括机密信息的话。建议用 Post 数据提交方式;

2)   在做数据查询时。建议用 Get 方式;

     而在做数据加入、改动或删除时,建议用 Post方式

 

常用的状态码说明

状态行

1. 格式: HTTP版本号 状态码 原因叙述<CRLF>

2. 举例:HTTP/1.1 200 OK

状态码用于表示服务器对请求的处理结果,它是一个三位的十进制数。响应状态码分为5类,如下所示:

 

演示 302 状态码使用

1. 举例说明 302 状态码的使用

1) 浏览器请求 T1Servelt

2) T1Servlet 返回 302 的状态码, 并且指定浏览器重定向到 hi.html

3) 浏览器发出第二次请求 hi.htm

 

演示 304 状态码使用

1. 演示 304 状态码

当我们请求资源的时,服务器会返回该资源的最近修改时间

Last-Modified: Mon, 21 Feb 2022 04:51:31 GMT

如果浏览器禁用缓存, 这个 Last-Modified: 信息就没有使用, 浏览器就每次要求返回该资源

1.如果浏览器没有禁用缓存,

       浏览器在请求时,就会 If-Modified-Since: Mon, 21 Feb 2022 04:51:31 GMT, 含义

(1)告诉服务器我有该资源

(2) 该资源的最近修改时间是 Mon, 21 Feb 2022 04:51:31GM

2.这时服务器就会比较时间,

       如果服务器的资源更新, 就会返回该资源 , 如果发现没有修改,就返回

304 状态码(但是不会返回该资源) http 请求机制

MIME 类型

MIME 介绍

1. MIME 是 HTTP 协议中数据类型。

MIME 的英文全称是"Multipurpose Internet Mail Extensions" 多功能 Internet 邮件扩充服务。MIME 类型的格式是"大类型/小类型",并与某一种文件的扩展名相对应

2. 在响应包的Content-Type 就有指定, 如图

 

常见的 MIME 类型

 


目录
相关文章
|
1天前
|
缓存 负载均衡 网络协议
【亮剑】一次完整的 HTTP 请求过程,包括 DNS 解析、TCP 握手、HTTP 请求和响应等环节
【4月更文挑战第30天】本文介绍了HTTP请求的重要性和详细过程。首先,DNS解析将域名转换为IP地址,通过递归和迭代查询找到目标服务器。接着,TCP三次握手建立连接。然后,客户端发送HTTP请求,服务器处理请求并返回响应。最后,理解这个过程有助于优化网站性能,如使用DNS缓存、HTTP/2、Keep-Alive、CDN和负载均衡等实践建议。
|
3天前
|
JSON 编解码 Go
Golang深入浅出之-HTTP客户端编程:使用net/http包发起请求
【4月更文挑战第25天】Go语言`net/http`包提供HTTP客户端和服务器功能,简化高性能网络应用开发。本文探讨如何发起HTTP请求,常见问题及解决策略。示例展示GET和POST请求的实现。注意响应体关闭、错误处理、内容类型设置、超时管理和并发控制。最佳实践包括重用`http.Client`,使用`context.Context`,处理JSON以及记录错误日志。通过实践这些技巧,提升HTTP编程技能。
16 1
|
3天前
|
缓存
|
3天前
|
前端开发 API UED
AngularJS的$http服务:深入解析与进行HTTP请求的技术实践
【4月更文挑战第28天】AngularJS的$http服务是核心组件,用于发起HTTP请求与服务器通信。$http服务简化了通信过程,通过深入理解和实践,能构建高效、可靠的前端应用。
|
4天前
|
Go 开发者
Golang深入浅出之-HTTP客户端编程:使用net/http包发起请求
【4月更文挑战第24天】Go语言的`net/http`包在HTTP客户端编程中扮演重要角色,但使用时需注意几个常见问题:1) 检查HTTP状态码以确保请求成功;2) 记得关闭响应体以防止资源泄漏;3) 设置超时限制,避免长时间等待;4) 根据需求处理重定向。理解这些细节能提升HTTP客户端编程的效率和质量。
15 1
|
5天前
|
存储 缓存 开发框架
Flutter的网络请求:使用Dart进行HTTP请求的技术详解
【4月更文挑战第26天】了解Flutter网络请求,本文详述使用Dart进行HTTP请求
|
9天前
|
uml
UML之类图
UML之类图
23 1
|
2月前
|
数据可视化 Java uml
IDEA中一个被低估的功能,一键把项目代码绘制成UML类图
IDEA中一个被低估的功能,一键把项目代码绘制成UML类图
24 1
|
7月前
|
uml
IDEA使用插件绘制UML类图+PlantUML语法讲解
IDEA使用插件绘制UML类图+PlantUML语法讲解
289 0
|
4月前
|
设计模式 数据可视化 程序员
软件设计模式:UML类图
软件设计模式:UML类图