HTTP
概念:Hyper Text Transfer Protocol 超文本传输协议
传输协议:定义了,客户端和服务器端通信时,发送数据的格式
特点:
-
基于TCP/IP的高级协议
-
默认端口号:80
-
基于请求/响应模型的:一次请求对应一次响应
-
无状态的:每次请求之间相互独立,不能交互数据
- 历史版本:
- 1.0:每一次请求响应都会建立新的连接
- 1.1:复用连接
- 历史版本:
请求消息数据格式
-
请求行:
-
格式:请求方式 请求url 请求协议/版本
GET /login.html HTTP/1.1 -
请求方式:HTTP协议有7中请求方式,常用的有2种
- GET:
1. 请求参数在请求行中,在url后。
2. 请求的url长度有限制的
3. 不太安全 - POST:
1. 请求参数在请求体中
2. 请求的url长度没有限制的
3. 相对安全
- GET:
-
-
请求头:客户端浏览器告诉服务器一些信息
- 格式:请求头名称: 请求头值
- 常见的请求头:
-
User-Agent:浏览器告诉服务器,我访问你使用的浏览器版本信息,可以在服务器端获取该头的信息,解决浏览器的兼容性问题
-
Referer:http://localhost/login.html 告诉服务器,我(当前请求)从哪里来?
作用:
1. 防盗链:
2. 统计工作:
-
-
请求空行:空行,就是用于分割POST请求的请求头,和请求体的。
-
请求体(正文):封装POST请求消息的请求参数的
格式:
POST /login.html HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Referer: http://localhost/login.html
Connection: keep-alive
Upgrade-Insecure-Requests: 1
username=zhangsan
接下来对上面的请求数据格式的每个部分进行逐一讲解
请求行
进入浏览器后按F12,我计算机上安装的是火狐浏览器
进入开发者工具后刷新界面
可以看到许多请求,最前面的200表示状态码,200表示成功访问,是通过浏览器访问服务器的几种状态,这个后面会讲解
还是访问上篇博客中练习的那个项目,打开IDEA,启动项目,在浏览器中输入localhost:8080/web/demo3
在按回车确认访问前按F12,打开开发者工具
按回车,访问服务器上的Servlet
可以看到访问demo3成功,状态码为200,查看第一条请求
可以看到我们请求的url、请求方法以及HTTP版本,因为火狐浏览器太智能了,可以直接将请求行表示成方便阅读的格式,实际请求行的字符串形式为:
GET http://localhost:8080/web/demo3 HTTP/1.1
如果提交表单的话可以在请求行的后面看到我们的请求参数
请求头
在刚才的页面中同样可以查看到请求头
为了方便演示我创建一个表单,将表单提交的数据通过GET的方式提交给ServletDemo3
在web目录下创建login.html
该文档的内容为
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/web/demo3" method="get">
姓名 <input type="text" name="name">
<br>
<input type="submit" value="登录">
</form>
</body>
</html>
对ServletDemo3也做一些改变
package com.westos.web.servlet;
import javax.servlet.GenericServlet;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/demo3")
public class ServletDemo3 extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("GET");
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
System.out.println("POST");
}
}
项目的虚拟路径为/web
之后启动项目
在浏览器访问该界面http://localhost:8080/web/login.html
对了,在提交前打开开发者工具
可以看到我们的请求成功
在IDEA中查看控制台输出
访问成功,在浏览器的开发者工具中查看我们的请求参数
可以在请求头中看到我们请求的参数
在请求头中可以看到我们的浏览器版本信息以及我们这个请求是从哪里来的
请求空行
请求空行的作用是用来将请求头和请求体进行分离
请求体
将上面的例子中的表单的提交方式修改为POST,操作方式相同,最后查看浏览器的开发者工具
现在不能在请求头中看到我们的请求参数了,但在参数一栏中可以看到请求参数
这就是请求体,键值对,键是我们给文本框设置的name属性,值是用户在文本框中输入的值,请求体和请求头被请求空行隔开,总的格式和上面的格式示例一样
盗链
后面会讲