文章目录

  • 内容
  • 1. HTTP协议简介
    • 1.1 什么是通信
      • 1.1.1 现实生活中的通信
      • 1.1.2 互联网中的通信
    • 1.2 什么是通信协议
      • 1.2.1 现实生活中的通信协议
      • 1.2.2 互联网中的通信协议
    • 1.3 HTTP
      • 1.3.1 什么是HTTP协议
      • 1.3.2 HTTP协议的交互模式
  • 2. HTTP请求消息
    • 2.1 什么是HTTP请求消息
    • 2.2 HTTP请求消息的组成部分
      • 2.2.1 请求行
      • 2.2.2 请求头部
      • 2.2.3 空行
      • 2.3.4 请求体
      • 2.3.5 小结
  • 3. HTTP响应消息
    • 3.1 什么是HTTP响应消息
    • 3.2 HTTP响应消息的组成部分
      • 3.2.1 状态行
      • 3.2.2 响应头部
      • 3.2.3 空行
      • 3.2.4 响应体
      • 3.2.5 小结
  • 4. HTTP请求方法
    • 4.1 什么是HTTP请求方法
    • 4.2 HTTP的请求方法
  • 5. HTTP响应状态码
    • 5.1 什么是HTTP响应状态码
    • 5.2 HTTP响应状态码的组成及分类
    • 5.3 常见HTTP响应状态码
      • 5.3.1 成功响应状态码 2**
      • 5.3.2 重定向相关的响应状态码 3**
      • 5.3.3 客户端错误相关的响应状态码 4**
      • 5.3.4 服务端错误相关的响应状态码 5**
  • 【完】

内容

  1. HTTP协议简介；
  2. HTTP请求；
  3. HTTP响应；
  4. HTTP请求方法；
  5. HTTP响应状态代码。

1. HTTP协议简介

1.1 什么是通信

通信，就是 信息的传递和交换。

通信三要素：

  • 通信的主体；
  • 通信的内容；
  • 通信的方式。

1.1.1 现实生活中的通信

案例： 张三要把自己考上清华大学的好消息写信告诉自己的好朋友李四。

其中：

  • 通信的 主体 是 张三 和 李四；
  • 通信的 内容 是 考上清华大学；
  • 通信的 方式 是 写信；

1.1.2 互联网中的通信

案例： 服务器把清华大学的简介通过响应的方式发送给客户端浏览器。

其中：

  • 通信的 主体 是服务器 和 客户端浏览器；
  • 通信的 内容 是 清华大学简介；
  • 通信的 方式 是响应；

1.2 什么是通信协议

通信协议（Communication Protocol）是指通信的双方完成通信所必须遵守的规则和约定。
通俗的理解：通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议。

1.2.1 现实生活中的通信协议

张三与李四采用写信的方式进行通信，在填写信封时，写信的双方需要遵守固定的规则。信封的填写规则就是一种通信协议。

1.2.2 互联网中的通信协议

客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。

网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议（HyperText Transfer Protocol） ，简称 HTTP 协议。

1.3 HTTP

1.3.1 什么是HTTP协议

HTTP 协议 即超文本传送协议 (HyperText Transfer Protocol) ，它规定了客户端与服务器之间进行网页内容传输时，所必须遵守的传输格式。

例如：

  • 客户端 要以HTTP协议要求的格式把数据 提交 到 服务器；
  • 服务器 要以HTTP协议要求的格式把内容 响应 给 客户端。

1.3.2 HTTP协议的交互模式

HTTP 协议采用了 请求/响应 的交互模型。

2. HTTP请求消息

2.1 什么是HTTP请求消息

由于 HTTP 协议属于客户端浏览器和服务器之间的通信协议。因此，客户端发起的请求 叫做 HTTP 请求，客户端发送到服务器的消息，叫做 HTTP 请求消息。

注： HTTP 请求消息 又叫做 HTTP 请求报文。

2.2 HTTP请求消息的组成部分

HTTP 请求消息由4 个部分组成，分别是：

  • 请求行（request line）；
  • 请求头部（ header ）；
  • 空行；
  • 请求体

2.2.1 请求行

请求行 由请求方式、URL 和 HTTP 协议版本 3 个部分组成，他们之间使用空格隔开。

2.2.2 请求头部

请求头部 用来描述客户端的基本信息，从而把客户端相关的信息告知服务器。比如：User-Agent 用来说明当前是什么类型的浏览器；Content-Type 用来描述发送到服务器的数据格式；Accept 用来描述客户端能够接收什么类型的返回内容；Accept-Language 用来描述客户端期望接收哪种人类语言的文本内容。

请求头部由多行 键/值对 组成，每行的键和值之间用英文的冒号 分隔。

请求头部常见的请求字段：

头部字段 说明
Host 要请求的服务器域名
Connection 客户端与服务器的连接方式(close 或 keepalive)
Content-Length 用来描述请求体的大小
Accept 客户端可识别的响应内容类型列表
User-Agent 产生请求的浏览器类型
Content-Type 客户端告诉服务器实际发送的数据类型
Accept-Encoding 客户端可接收的内容压缩编码形式
Accept-Language 用户期望获得的自然语言的优先顺序


更多请求头字段的描述，请参阅 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers

2.2.3 空行

最后一个请求头字段的后面是一个 空行，通知服务器请求头部至此结束。
请求消息中的空行，用来分隔请求头部与请求体。

2.3.4 请求体

请求体中存放的，是要通过 POST方式 提交到服务器的数据。

注： 只有 POST 请求才有请求体，GET 请求没有请求体！

2.3.5 小结

3. HTTP响应消息

3.1 什么是HTTP响应消息

响应消息 就是 服务器响应给客户端的消息内容，也叫作响应报文。

3.2 HTTP响应消息的组成部分

HTTP响应消息由状态行、响应头部、空行 和 响应体 4 个部分组成，如下图所示：

3.2.1 状态行

状态行 由 HTTP 协议版本、状态码 和 状态码的描述文本 3 个部分组成，它们之间用空格隔开；

3.2.2 响应头部

响应头部用来描述服务器的基本信息。响应头部由多行 键/值对 组成，每行的键和值之间用英文的冒号分隔。

常见的响应字段：

更多响应头字段的描述，请参阅 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers

3.2.3 空行

在最后一个响应头部字段结束之后，会紧跟一个 空行，用来通知客户端响应头部至此结束。
响应消息中的空行，用来分隔 响应头部 与 响应体。

3.2.4 响应体

响应体中存放的，是服务器响应给客户端的资源内容。

3.2.5 小结

4. HTTP请求方法

4.1 什么是HTTP请求方法

HTTP 请求方法，属于 HTTP 协议中的一部分，请求方法的作用是：用来表明要对服务器上的资源执行的操作。最常用的请求方法是 GET 和 POST。

4.2 HTTP的请求方法

序号 方法 描述
1 GET （ 查询 ）发送请求来获得服务器上的资源，请求体中不会包含请求数据，请求数据放在协议头中。
2 POST （ 新增 ）向服务器提交资源（例如提交表单或上传文件）。数据被包含在请求体中提交给服务器。
3 PUT （ 修改 ）向服务器提交资源，并使用提交的新资源，替换掉服务器对应的旧资源。
4 DELETE （ 删除 ）请求服务器删除指定的资源。
5 HEAD HEAD 方法请求一个与 GET 请求的响应相同的响应，但没有响应体。
6 OPTIONS 获取http服务器支持的http请求方法，允许客户端查看服务器的性能，比如ajax跨域时的预检等。
7 CONNECT 建立一个到由目标资源标识的服务器的隧道。
8 TRACE 沿着到目标资源的路径执行一个消息环回测试，主要用于测试或诊断。
9 PATCH 是对 PUT 方法的补充，用来对已知资源进行局部更新 。

5. HTTP响应状态码

5.1 什么是HTTP响应状态码

HTTP 响应状态码（HTTP Status Code），也属于 HTTP 协议的一部分，用来标识响应的状态。
响应状态码会随着响应消息一起被发送至客户端浏览器，浏览器根据服务器返回的响应状态码，就能知道这次 HTTP 请求的结果是成功还是失败了。

5.2 HTTP响应状态码的组成及分类

HTTP 状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字用来对状态码进行细分。

HTTP 状态码共分为 5 种类型：

分类 分类描述
1 ** 信息，服务器收到请求，需要请求者继续执行操作（实际开发中很少遇到 1** 类型的状态码）
2** 成功，操作被成功接收并处理
3** 重定向 ，需要进一步的操作以完成请求
4** 客户端错误 ，请求包含语法错误或无法完成请求
5** 服务器错误 ，服务器在处理请求的过程中发生了错误

更多 HTTP 响应状态码，请参阅 MDN 官方文档：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status

5.3 常见HTTP响应状态码

5.3.1 成功响应状态码 2**

2** 范围的状态码，表示服务器已成功接收到请求并进行处理。常见的 2** 类型的状态码如下：

状态码 状态码英文名称 中文描述
200 OK 请求成功。一般用于 GET 与 POST 请求
201 Created 已创建。成功请求并创建了新的资源，通常用于 POST 或 PUT 请求

5.3.2 重定向相关的响应状态码 3**

3** 范围的状态码，表示表示服务器要求客户端重定向，需要客户端进一步的操作以完成资源的请求。常见的 3** 类型的状态码如下：

状态码 状态码英文名称 中文描述
301 Moved Permanently 永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替
302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
304 Not Modified 未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源（响应消息中不包含响应体）。客户端通常会缓存访问过的资源。

5.3.3 客户端错误相关的响应状态码 4**

4** 范围的状态码，表示客户端的请求有非法内容，从而导致这次请求失败。常见的 4** 类型的状态码如下：

状态码 状态码英文名称 中文描述
400 Bad Request 1、语义有误，当前请求无法被服务器理解。除非进行修改，否则客户端不应该重复提交这个请求。
2、请求参数有误。
401 Unauthorized 当前请求需要用户验证。
403 Forbidden 服务器已经理解请求，但是拒绝执行它。
404 Not Found 服务器无法根据客户端的请求找到资源（网页）。
408 Request Timeout 请求超时。服务器等待客户端发送的请求时间过长，超时。

5.3.4 服务端错误相关的响应状态码 5**

5** 范围的状态码，表示服务器未能正常处理客户端的请求而出现意外错误。常见的 5** 类型的状态码如下：

状态码 状态码英文名称 中文描述
500 Internal Server Error 服务器内部错误，无法完成请求。
501 Not Implemented 服务器不支持该请求方法，无法完成请求。只有 GET 和 HEAD 请求方法是要求每个服务器必须支持的，其它请求方法在不支持的服务器上会返回501
503 Service Unavailable 由于超载或系统维护，服务器暂时的无法处理客户端的请求。

【完】

前端_网页编程 HTTP协议（进阶）相关推荐

  1. 网页现现实理服务器没有响应,前端_网页编程 HTTP协议（进阶）

    文章目录 内容 1. HTTP协议简介 1.1 什么是通信 1.1.1 现实生活中的通信 1.1.2 互联网中的通信 1.2 什么是通信协议 1.2.1 现实生活中的通信协议 1.2.2 互联网中的通 ...

  2. 前端_网页编程 Form表单与模板引擎（下）

    目录 续上一篇 6. 模板引擎的实现原理 6.1 正则与字符串操作 6.1.1 基本语法 6.1.2 分组 6.1.3 字符串的replace函数 6.1.4 多次replace 6.1.5 使用wh ...

  3. 前端_网页编程 Form表单与模板引擎（中）

    目录 ... ... (续上篇) 四.模板引擎的基本概念 1.定义 2. 优点 五.art-template模板引擎 1.art-template模板引擎介绍 2. art-template的安装 3 ...

  4. 前端_网页编程 Form表单与模板引擎（上）

    目录 一.form表单的基本使用 1. 什么是表单? 2. 表单的组成部分 3. < form>标签的基本属性 3.1 action 3.2 target 3.3 method 3.4 e ...

  5. 前端_网页编程 Ajax加强

    目录 内容 一.XMLHttpRequest的基本使用 1. 什么是XMLHttpRequest 2. 使用xhr发起GET请求 3. xhr对象的readyState属性 4. 使用xhr发起带参数 ...

  6. 前端_网页编程 WebAPI_01

    01 - Web API 1.1. Web API介绍 1.1.1 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目 ...

  7. 前端_网页编程 节流

    文章目录 前言 1.什么是节流 2.节流的应用场景 3 节流案例 - 鼠标跟随效果 3.1 渲染UI结构并美化样式 3.2 不使用节流实现鼠标跟随效果 3.3 节流阀的概念 3.4 使用节流阀实现鼠标 ...

  8. 前端_网页编程 跨域与JSONP- 淘宝搜索案例

    文章目录 前言 1. 要实现的UI效果 2. 实现步骤 2.1 获取用户输入的搜索关键词 2.2 建议搜索列表的函数封装 2.3 渲染建议列表的UI结构 2.3.1 定义搜索建议列表 2.3.2 定义 ...

  9. 初中文化能学编程吗_网页编程课程来了，确定不来pick一下!!!|科创辅学进行时...

    KE CHUANG FU XUE 科创辅学 天天用手机,各种app 半夜不睡觉,只会网上浪 醒醒,少年,别玩了 不要再搞这些花里胡哨的东西了! 要学会用魔法打败魔法 上一周,我们跟着夏老师学习了 Ar ...

最新文章

  1. matplotlib.pyplot.plot 用法详解
  2. 《数据库系统实训》实验报告——子查询与组合查询
  3. python字符串去头尾_悉尼大学某蒟蒻的Python学习笔记
  4. 关于CUDA和CuDNN配置的小问题
  5. 用pv操作描述如下前驱图_LinkedList实现分析（二）——常用操作
  6. 如何保证redis数据都是热点数据
  7. 50道编程小题目之【水仙花数】
  8. 【转载】Android加载大图片OOM异常解决
  9. python数组拼接concat_【JavaScript】重写数组的concat()方法
  10. 广联达软件未检测到加密锁请重新插入加密锁或网络服务器
  11. LBP特征详细原理-python代码复现
  12. 不同产品类型、不同应用、产能、产量、销量、需求量及销售收入-外置固态硬盘
  13. 新版谷歌flash的问题
  14. matlab shift 详解,MeanShift算法详解以及matlab源码
  15. Ubuntu 图标主题 Nitrux 升级
  16. ArcGIS学习笔记-1.功能-1.1裁剪
  17. Greenplum数据库巡检报告
  18. 西门子三开接线图解_西门子二开三控开关接线最好有图
  19. 图像处理与计算机视觉-论文阅读笔记
  20. 基因功能预测工具-HMMER的安装

热门文章

  1. Kubernetes存储卷的使用
  2. The Book List
  3. Hbase 协处理器 RegionObserver
  4. AI运动：阿里体育端智能最佳实践
  5. 来电科技：基于Flink+Hologres的实时数仓演进之路
  6. 如何在Spring生态中玩转RocketMQ？
  7. E百科 | 基于MEC的边缘AI服务
  8. 一文快速入门分库分表（必修课）
  9. 如何调用API管理您的云上资源
  10. 蚂蚁金服开源 SOFAJRaft：生产级 Java Raft 算法库