day14-HTTP01( 二 ) _生活百科

在web目录下创建login.html:

文章插图

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>用户登录</title></head><body><h1>用户登录</h1><!--给LoginServlet发送get请求--><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的框中输入信息，点击登录，调试台显示如下：

文章插图
点击第一个请求，查看请求头：

文章插图
4.HTTP请求包分析(POST)在上面的基础上修改login.html文档的提交方式为 post

文章插图
redeployTomcat，然后在浏览器中打开调试台(f12) ，点击网络。
在地址栏输入：http://localhost:8080/http/login.html并回车。
在login.html的框中输入信息，点击登录，调试台显示如下：

文章插图
点击第一个请求，查看请求头：可以发现请求行中已经没有用户提交的数据了

文章插图
在请求按钮下面可以看到用户请求的表单数据：其实原始的post请求是包含该数据的，只是浏览器将其分开了

文章插图

文章插图
补充：

content-type中的x-www-form-urlencoded：表示我们的表单数据是url编码
url编码是一种浏览器用来打包表单输入的格式。浏览器从表单中获取所有的name和其中的值，将它们以name/value参数编码（移去那些不能传送的字符，将数据排行等等）作为URL的一部分或者分离地发给服务器

例如：表单输入中文符号提交，在表单数据中可以看到url编码如下：

文章插图
解码后显示：

文章插图
content-length表示发送的数据长度，这里的数据为表单数据，告诉服务器要按多少个字节来读取

5.GET请求和POST请求到底有哪些？5.1GET请求

form标签method=get
a 标签
link标签引入css[以get方式来获取资源]
script标签引入js文件 [以get方式来获取资源]
img标签引入图片
iframe引入html页面
在浏览器地址栏中输入地址后敲回车

例子

文章插图
5.2POST请求

form标签method=post

5.3HTTP请求中怎么样选择get和post请求在大多数情况下不需要考虑这个问题，因为业务本身就会自动区别

传输的数据大小区别
1. get传送的数据量比较小，不能大于2KB（不同的浏览器不一样）
2. post传输的数据量比较大，一般默认不受限制
什么情况下使用post请求
1. post请求是会在浏览器上隐藏参数部分的，在安全要求的部分都会使用到post请求，如用户登录等。这样不会通过你的请求暴露你的参数格式
2. 在向服务器传递数据较大的时候，使用post（get有限制），比如发帖，上传文件
什么情况下使用get请求
1. 在前台页面展示，比如分页内容，可以保留传递参数；也可用来分享和传播，而在post中链接地址是不变的
  
  文章插图
  
  文章插图