位置: IT常识 - 正文

day14-HTTP01

编辑：rootadmin

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开发的基础

推荐整理分享day14-HTTP01，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

HTTP请求头大全 - 常用参考表对照表

HTTP状态码大全 - 常用参考表对照表

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="" width="300px"><img src="" width="300px"></body></html>

当浏览器访问test.html页面时，一共发出了几次请求？

答：一共发出了三次请求。

第一次请求的是test.html文件当浏览器解析发现tese.html中还有<img src="" width="300px"> <img src="">时会向服务器继续发送请求，要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><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的框中输入信息，点击登录，调试台显示如下：