HTTP协议

1.什么是HTTP协议？

  1. 超文本传输协议（HTTP，HyperText Transfer Protocol）是互联网上应用广泛的一种网络协议。是工作在tcp/ip协议基础上的，所有的www文件都遵守这个标准
  2. http1.0 短连接 http1.1 长连接
  3. HTTP是TCP/IP协议的一个应用层协议，HTTP也是我们web开发的基础

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="img/1.jpg" width="300px">

<img src="img/2.jpg" width="300px">

</body>

</html>

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

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

  1. 第一次请求的是test.html文件
  2. 当浏览器解析发现tese.html中还有<img src="img/1.jpg" width="300px"> <img src="img/2.jpg">时
  3. 会向服务器继续发送请求，要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>

<!--给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请求是包含该数据的，只是浏览器将其分开了

补充：

  1. content-type中的x-www-form-urlencoded：表示我们的表单数据是url编码

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

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

    解码后显示：

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

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

5.1GET请求

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

例子

5.2POST请求

  1. form标签method=post

5.3HTTP请求中怎么样选择get和post请求

在大多数情况下不需要考虑这个问题，因为业务本身就会自动区别

  • 传输的数据大小区别

    1. get传送的数据量比较小，不能大于2KB（不同的浏览器不一样）
    2. post传输的数据量比较大，一般默认不受限制

  • 什么情况下使用post请求

    1. post请求是会在浏览器上隐藏参数部分的，在安全要求的部分都会使用到post请求，如用户登录等。这样不会通过你的请求暴露你的参数格式
    2. 在向服务器传递数据较大的时候，使用post（get有限制），比如发帖，上传文件

  • 什么情况下使用get请求

    1. 在前台页面展示，比如分页内容，可以保留传递参数；也可用来分享和传播，而在post中链接地址是不变的


建议：

  1. get方式的安全性较post要差些。包括机密信息的话就使用post
  2. 在做数据查询时，建议使用get方式；而在做数据加入，改动和删除时，建议用post方式

day14-HTTP01的更多相关文章

  1. python_way day14 CSS

    python_way day14 CSS 层叠样式表 一.CSS作用域: 二.css标签选择器 三.css样式 一.css作用域: 基本用法:style="样式" <body ...

  2. Spark Streaming揭秘 Day14 State状态管理

    Spark Streaming揭秘 Day14 State状态管理 今天让我们进入下SparkStreaming的一个非常好用的功能,也就State相关的操作.State是SparkStreaming ...

  3. Python之路,Day14 - It's time for Django

    Python之路,Day14 - It's time for Django   本节内容 Django流程介绍 Django url Django view Django models Django ...

  4. 【JAVA零基础入门系列】Day14 Java对象的克隆

    今天要介绍一个概念,对象的克隆.本篇有一定难度,请先做好心理准备.看不懂的话可以多看两遍,还是不懂的话,可以在下方留言,我会看情况进行修改和补充. 克隆,自然就是将对象重新复制一份,那为什么要用克隆呢 ...

  5. 11.1 正睿停课训练 Day14

    目录 2018.11.1 正睿停课训练 Day14 A 字符串 B 取数游戏(贪心) C 魔方(模拟) 考试代码 B C 2018.11.1 正睿停课训练 Day14 时间:3.5h 期望得分:100 ...

  6. python学习 day14 (3月19日)----

    04 json # 1. 用于多种语言 交互 编程语言通用数据 # 内置的 不需要安装直接导入使用 import json # 导入 # # dumps loads dump load # dic = ...

  7. day13,day14

    day13 迭代器 什么是迭代器? 迭代:是一个重复的过程,每一次重复,都是基于上一次的结果而进行的 器:迭代取值的工具 为何要用迭代器? 迭代器提供了一种通用的不依赖于索引的迭代取值方式 如何用迭代 ...

  8. day14(xml 编写及解析)

    编写 xml的组成: 1.文档的声明 <?xml version='1.0' encoding='UTF-8' standalone='yes'> xml 表示标签的名字 encoding ...

  9. python开发学习-day14(jquery、ajax等)

    s12-20160421-day14 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...

  10. day14(编码实战-用户登录注册)

    day14 案例:用户注册登录 要求:3层框架,使用验证码   功能分析 注册 登录   1.1 JSP页面 regist.jsp 注册表单:用户输入注册信息: 回显错误信息:当注册失败时,显示错误信 ...

随机推荐

  1. day27--Java集合10

    Java集合10 21.集合家庭作业 21.1Homework01 按要求实现: 封装一个新闻类,包括标题和内容属性,提供get.set方法,重写toString方法,打印对象时只打印标题: 只提供一 ...

  2. 【MySQL】从入门到掌握4-主键与Unique

    上期:[MySQL]从入门到掌握3-WorkBench 第一章:主键 在实际开发中,我们不会使用用户名字当作主键.   因为当我们用数据库记录学生信息的时候,学生有可能重名! 我们一般会使用是个int ...

  3. OpenJudge 1.5.28 分离整数的各个数位

    28:分离整数的各个数位 总时间限制: 1000ms 内存限制: 65536kB 描述 给定一个整数,要求从个位开始分离出它的每一位数字. 输入 输入一个整数,整数在1到100000000之间. 输出 ...

  4. Go 语言入门 3-动态数组(slice)的特性及实现原理

    go 语言中的动态数组(slice),是基于数组实现的,可以相比数组而言更加的灵活.其他语言的 slice 通常仅是一个 API, 但是 go 语言的 slice 不仅仅是一种操作, 也是一种数据结构 ...

  5. Linux配置bond模式 双网卡绑定步骤

    什么是bond 网卡bond是通过多张网卡绑定为一个逻辑网卡,实现本地网卡的冗余,带宽扩容和负载均衡,在生产场景中是一种常用的技术.Kernels 2.4.12及以后的版本均供bonding模块,以前 ...

  6. Netty使用手册翻译

    前言 痛点 时至今日,我们通常会使用应用程序或第三方库去提供通信功能.比如:我们通常使用HTTP客户端库去Web服务器检索信息;通过web服务调用一个远程程序.然而,一个通用协议或者它的实现往往不能适 ...

  7. git cherry-pick 总结

    git cherry-pick cherry-pick : 精心挑选,挑选一个我们需要的 commit 进行操作.它可以用于将在其他分支上的 commit 移植到当前的分支. 用法: // 复制com ...

  8. 基于 Gitea 服务端渲染的 Jupyter Notebooks

    本指南将向您展示如何通过配置外部渲染器来使 Gitea 呈现 Jupyter Notebooks.当然,你还可以根据本指南来为你的 Gitea 实例配置其他类型的文档渲染器,甚至是二进制文件!相信Gi ...

  9. Elasticsearch6.2服务器升配后的bug

    .suofang img { max-width: 100% !important; height: auto !important } 本篇文章记录最近一次生产服务器硬件升级之后引起集群不稳定的现象 ...

  10. NLP新手入门指南|北大-TANGENT

    开源的学习资源:<NLP 新手入门指南>,项目作者为北京大学 TANGENT 实验室成员. 该指南主要提供了 NLP 学习入门引导.常见任务的开发实现.各大技术教程与文献的相关推荐等内容, ...