HTTP的请求方式,常见http状态码以及Cookie

最新推荐文章于 2021-07-28 19:56:50 发布
最新推荐文章于 2021-07-28 19:56:50 发布
阅读量283 收藏 1
点赞数
文章标签： http javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shadowfall/article/details/109736448
版权

HTTP

  • http 是我们前后台交互的时候的传输协议（即超文本传输协议）

HTTP 的工作流程

  1. 和服务器建立链接
  2. 建立链接后，发送一个请求给服务器（请求）
  3. 服务器接受到请求以后进行相应的处理并给出一个回应（响应）
  4. 断开于服务器的链接

和服务器建立链接

  • 怎么和服务器建立链接呢？

  • 需要保证客户端的接受和发送正常，服务器端的接受和发送正常

  • 这里就涉及到一个东西叫做 TCP/IP 协议

  • 建立链接的主要步骤叫做 三次握手

    1. 客户端发送一个消息给到服务端

      此时：
	服务端知道了 客户端可以正常发送消息
	服务端知道了 服务端可以正常接受消息

    2. 服务端回给客户端一个消息

      此时：
	服务端知道了 客户端可以正常发送消息
	服务端知道了 服务端可以正常接受消息
	客户端知道了 客户端可以正常发送消息
	客户端知道了 客户端可以正常接受消息
	客户端知道了 服务端可以正常接受消息
	客户端知道了 服务端可以正常发送消息

    3. 客户端再回给服务端一个消息

      此时：
	服务端知道了 客户端可以正常发送消息
	服务端知道了 服务端可以正常接受消息
	客户端知道了 客户端可以正常发送消息
	客户端知道了 客户端可以正常接受消息
	客户端知道了 服务端可以正常接受消息
	客户端知道了 服务端可以正常发送消息
	服务端知道了 服务端可以正常发送消息
	服务端知道了 客户端可以正常接受消息

  • 至此，依照 TCP/IP 协议的建立链接就建立好了

  • 双方都知道双方可以正常收发消息

  • 就可以进入到第二步，通讯了

发送一个请求

  • 建立完链接以后就是发送请求的过程

  • 我们的每一个请求都要把我们的所有信息都包含请求

  • 每一个请求都会有一个 请求报文

  • 在 请求报文 中会包含我们所有的请求信息（也就是我们要和服务端说的话都在里面）

  • 我们的请求报文中会包含几个东西

    1. 请求行

      POST /user HTTP/1.1
# POST 请求方式
# /user 请求URL（不包含域名）
# HTTP/1.1 请求协议版本

    2. 请求头（请求头都是键值对的形式出现的）

      user-agent: Mozilla/5.0 # 产生请求的浏览器信息
accept: application/json # 表示客户端希望接受的数据类型
Content-Type: application/x-www-form-urlencoded # 客户端发送的实体数据格式
Host: 127.0.0.1 # 请求的主机名（IP）

    3. 请求空行（请求头和请求主体之间要留一个空白行）

      # 就是一个空行

    4. 请求体（本次请求携带的数据）

      # GET 请求是没有请求体数据的
# POST 请求才有请求体数据

  • 接下来看一个完整的请求报文

    POST /user HTTP/1.1      # 请求行
Host: www.user.com
Content-Type: application/x-www-form-urlencoded
accept: application/json
User-agent: Mozilla/5.0.     # 以上是首部
#（此处必须有一空行）  # 空行分割header和请求内容 
name=world   # 请求体

接受一个响应

  • 客户端的请求发送到服务端以后

  • 服务端进行对应的处理

  • 会给我们返回一个响应

  • 每一个响应都会有一个 响应报文

  • 在 响应报文 中会包含我们所有的响应信息（也就是服务端在接受到客户端请求以后，给我们的回信）

  • 我们的 响应报文 中会包含几个信息

    1. 状态行

      HTTP/1.1 200 OK
# HTTP/1.1 服务器使用的 HTTP 协议版本
# 200 响应状态码
# OK 对响应状态码的简单解释

    2. 响应头

      Date: Jan, 14 Aug 2019 12:42:30 GMT # 服务器时间
Server: Apache/2.4.23 (Win32) OpenSSL/1.0.2j PHP/5.4.45 # 服务器类型
Content-Type: text/html # 服务端给客户端的数据类型
Content-Length: 11 # 服务端给客户端的数据长度

    3. 响应体

      hello world
# 服务端给客户端的响应数据

断开于服务端的链接

  • 之前我们的建立链接是基于 TCP/IP 协议的 三次握手
  • 我们的断开链接是基于 TCP/IP 协议的 四次挥手
    1. 客户端发送一个我要断开的消息给服务端
    2. 服务端接受到以后发送一个消息告诉客户端我已经进入关闭等待状态
    3. 服务端再次发送一个消息告诉客户端，这个是我的最后一次消息给你，当我再接受到消息的时候就会关闭
    4. 客户端接受到服务端的消息以后，告诉服务器，我已经关闭，这个是给你的最后一个消息

完成一个 HTTP 请求

  • 至此，一个 HTTP 请求就完整的完成了
  • 一个 HTTP 请求必须要包含的四个步骤就是
    1. 建立链接
    2. 发送请求
    3. 接受响应
    4. 断开链接
  • 在一个 HTTP 请求中，请求的部分有请求报文，接受响应的部分有响应报文
  • 请求报文包含
    1. 请求行
    2. 请求头
    3. 请求空行
    4. 请求体
  • 响应报文
    1. 状态行
    2. 响应头
    3. 响应体

常见的 HTTP 响应状态码

  • 在一个 HTTP 请求的响应报文中的状态行会有一个响应状态码
  • 这个状态码是用来描述本次响应的状态的
  • 通常会出现五种状态码
    1. 100 ~ 199
    2. 200 ~ 299
    3. 300 ~ 399
    4. 400 ~ 499
    5. 500 ~ 599

100 ~ 199

  • 一般我们看不到，因为表示请求继续

  • 100： 继续请求，前面的一部分内容服务端已经接受到了，正在等待后续内容

  • 101： 请求者已经准备切换协议，服务器页表示同意

200 ~ 299

  • 2 开头的都是表示成功，本次请求成功了，只不过不一样的状态码有不一样的含义（语义化）
  • 200： 标准请求成功（一般表示服务端提供的是网页）
  • 201： 创建成功（一般是注册的时候，表示新用户信息已经添加到数据库）
  • 203： 表示服务器已经成功处理了请求，但是返回的信息可能来自另一源
  • 204： 服务端已经成功处理了请求，但是没有任何数据返回

300 ~ 399

  • 3 开头也是成功的一种，但是一般表示重定向
  • 301： 永久重定向
  • 302： 临时重定向
  • 304： 使用的是缓存的数据
  • 305： 使用代理

400 ~ 499

  • 4 开头表示客户端出现错误了
  • 400： 请求的语法服务端不认识
  • 401： 未授权（你要登录的网站需要授权登录）
  • 403： 服务器拒绝了你的请求
  • 404： 服务器找不到你请求的 URL
  • 407： 你的代理没有授权
  • 408： 请求超时
  • 410： 你请求的数据已经被服务端永久删除

500 ~ 599

  • 5 开头的表示服务端出现了错误
  • 500： 服务器内部错误
  • 503： 服务器当前不可用（过载或者维护）
  • 505： 请求的协议服务器不支持

HTTP常见状态码

【200】请求成功。一般用于GET与POST请求
【304】未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源
【400】客户端请求的语法错误，服务器无法理解
【401】请求要求用户的身份认证
【402】保留，将来使用
【403】服务器理解请求客户端的请求，但是拒绝执行此请求
【404】服务器无法根据客户端的请求找到资源（网页）。
【405】客户端请求中的方法被禁止
【406】服务器无法根据客户端请求的内容特性完成请求
【501】服务器过载或维护
【502】作为网关或者代理工作的服务器尝试执行请求时，从远程服务器接收到了一个无效的响应
【504】充当网关或代理的服务器，未及时从远端服务器获取请求
【505】服务器不支持请求的HTTP协议的版本，无法完成处理
目前服务端返回都是【500】 防止被测试服务器性能

常见的 HTTP 请求方式

  • 每一个 HTTP 请求在请求行里面会有一个东西叫做请求方式
  • 不同的请求方式代表的含义不同
    1. GET： 一般用于获取一些信息使用（获取列表）
    2. POST： 一般用于发送一些数据给服务端（登录）
    3. PUT： 一般用于发送一些数据给服务当让其添加新数据（注册）
    4. DELETE： 一般用域删除某些数据
    5. HEAD： 类似于 GET 的请求，只不过一般没有响应的具体内容，用于获取报文头
    6. CONNECT： HTTP/1.1 中预留的方式，一般用于管道链接改变为代理的时候使用
    7. PATCH： 是和 PUT 方式类似的一个方式，一般用于更新局部数据
    8. OPTIONS： 允许客户端查看服务端性能
  • 我们比较常用的就是 GET 和 POST

GET 请求

  • 参数以 querystring 的形式发送，也就是直接拼接在 请求路径的后面
  • GET 请求会被浏览器主动缓存
  • GET 请求根据不同的浏览器对长度是有限制的
    • IE： 2083 个字符
    • FireFox： 65536 个字符
    • Safari： 80000 个字符
    • Opera： 190000 个字符
    • Chrome： 8182 个字符
    • APACHE(server)： 理论上接受的最大长度是 8192 个字符（有待商榷）
  • 对参数的类型有限制，只接受 ASCII 码的格式
  • GET 请求是明文发送，相对不安全

POST 请求

  • 参数以 request body的形式发送，也就是放在请求体中
  • POST 请求不会被浏览器主动缓存，除非手动设置
  • POST 请求理论上是没有限制的，除非服务端做了限制
  • 对参数类型没有限制，理论上可以传递任意数据类型，只不过要和请求头对应
  • POST 请求是密文发送，相对安全

GET 和 POST 请求方式的区别

GET在浏览器回退时是无害的，而POST会再次提交请求。
GET产生的URL地址可以被Bookmark，而POST不可以。
GET请求会被浏览器主动cache，而POST不会，除非手动设置。
GET请求只能进行url编码，而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
GET请求在URL中传送的参数是有长度限制的，而POST么有。
对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
GET参数通过URL传递，POST放在Request body中。
GET产生一个TCP数据包；POST产生两个TCP数据包： 对于GET方式的请求，浏览器会把http header和data一并发送出去；而对于POST，浏览器先发送header，服务器响应100，浏览器再发送data，服务器响应200。
博客园 在途中#
本质上HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/POST都是TCP链接。GET和POST能做的事情是一样一样的。你要给GET加上request body，给POST带上url参数，技术上是完全行的通的。
GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。

COOKIE

  • cookie 是一个以字符串的形式存储数据的位置
  • 每一个 HTTP 请求都会在请求头中携带 cookie 到服务端
  • 每一个 HTTP 响应都会在响应头中携带 cookie 到客户端
  • 也就是说，cookie 是不需要我们手动设置，就会自动在 客户端 和 服务端之间游走的数据
  • 我们只是需要设置一下 cookie 的内容就可以

COOKIE 的存储形式

  • cookie 是以字符串的形式存储，在字符串中以 key=value 的形式出现

  • 每一个 key=value 是一条数据

  • 多个数据之间以 ; 分割

    // cookie 的形态
'a=100; b=200; c=300;'

COOKIE 的特点

  1. 存储大小有限制，一般是 4 KB 左右
  2. 数量有限制，一般是 50 条左右
  3. 有时效性，也就是有过期时间，一般是 会话级别（也就是浏览器关闭就过期了）
  4. 有域名限制，也就是说谁设置的谁才能读取

使用方式

  • 读取 cookie 的内容使用 document.cookie

    const cookie = document.cookie
console.log(cookie) // 就能得到当前 cookie 的值

  • 设置 cookie 的内容使用 document.cookie

    // 设置一个时效性为会话级别的 cookie
document.cookie = 'a=100'

// 设置一个有过期时间的 cookie
document.cookie = 'b=200;expires=Thu, 18 Dec 2043 12:00:00 GMT";'
// 上面这个 cookie 数据会在 2043 年 12 月 18 日 12 点以后过期，过期后会自动消失

  • 删除 cookie 的内容使用 document.cookie

    // 因为 cookie 不能直接删除
// 所以我们只能把某一条 cookie 的过期时间设置成当前时间之前
// 那么浏览器就会自动删除 cookie
document.cookie = 'b=200;expires=Thu, 18 Dec 2018 12:00:00 GMT";'

COOKIE 操作封装

  • 因为 js 中没有专门操作 COOKIE 增删改查的方法
  • 所以需要我们自己封装一个方法

设置 cookie

/**
 * setCookie 用于设置 cookie
 * @param {STRING} key  要设置的 cookie 名称
 * @param {STRING} value  要设置的 cookie 内容
 * @param {NUMBER} expires  过期时间
 */
function setCookie (key, value, expires) {
  const time = new Date()
  time.setTime(time.getTime() - 1000 * 60 * 60 * 24 * 8 + expires) // 用于设置过期时间

  document.cookie = `${key}=${value};expires=${time};`
}

读取 cookie

/**
 * getCookie 获取 cookie 中的某一个属性
 * @param {STRING} key 你要查询的 cookie 属性
 * @return {STRING} 你要查询的那个 cookie 属性的值
 */
function getCookie(key) {
  const cookieArr = document.cookie.split(';')

  let value = ''

  cookieArr.forEach(item => {
    if (item.split('=')[0] === key) {
      value = item.split('=')[1]
    }
  })

  return value
}

删除 cookie

/**
 * delCookie 删除 cookie 中的某一个属性
 * @param {STRING} name 你要删除的某一个 cookie 属性的名称
 */
function delCookie(name) {
  setCookie(name, 1, -1)
}
MaxLoongLvs
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
HTTP各状态码生成原理，请求头、响应头各字段含义（爬虫深入必备知识）.docx
11-23
本文将深入解析HTTP状态码的生成原理，以及请求头和响应头中的常见字段。 首先，HTTP状态码是服务器对客户端请求的反馈，分为五类：1xx（信息性状态码）、2xx（成功状态码）、3xx（重定向状态码）、4xx（客户端错误...
http请求吗，响应头，状态码
09-18
本文将从HTTP请求头、响应头以及状态码三个方面深入探讨这些概念及其重要性。 #### 一、HTTP 请求头 HTTP请求头包含了客户端（通常是浏览器）发送给服务器的一系列关键信息。下面详细介绍一些常见的请求头： 1. *...
HTTP(URL、HTTP请求、HTTP报头中的属性字段、长连接和短链接、cookie和session、重定向location)、HTTP的方法、HTTP响应、HTTP的状态码、https）
zhao_miao的博客
03-30 1107
文章目录1. 序列化与反序列化2. HTTP 超文本传输协议2.1 认识URL2.2 HTTP请求2.2.1 请求方法 get、post2.2.2 请求报头Header中的属性2.2.3 长连接 短连接2.2.4 Cookie2.2.5 重定向 location2.3 HTTP的方法2.4 HTTP响应2.5 HTTP状态码 1. 序列化与反序列化   假设我们需要实现一个 服务器版的加法器，...
Http请求码
小鱼酱的博客
03-21 846
一、消息（1字头） 这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送 1xx 响应。 100 Continue 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客
Golang 发送http请求时设置header的实现
12-20
`Do`方法会返回一个`Response`对象，其中包含了服务器的响应状态码、头部和响应体。记得在完成操作后关闭响应体，以释放资源。 ```go response, err := client.Do(request) defer response.Body.Close() ``` 至此...
HTTP请求类模块.rar
04-05
1. **HTTP协议基础**：理解HTTP（超文本传输协议）的基本原理和工作流程，包括请求方法（GET、POST、PUT、DELETE等）、状态码（200、404、500等）以及请求头和响应头的概念。 2. **HTTP请求构造**：创建HTTP请求时...
HTTP连接请求.rar
04-05
在这个“HTTP连接请求.rar”压缩包中，可能包含了关于HTTP连接请求的相关资料，包括请求方法、请求头、状态码、响应头等核心概念。 1. **HTTP请求方法**： HTTP协议定义了几种不同的请求方法，最常见的有GET、POST...
http协议的状态码——400,401,403,404,500,502,503,301,302等常见请求码
Xpy 的博客
06-24 2309
http协议的状态码 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态码。 100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx（成功） 表示成功处理了请求的状态码。 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。
HTTP请求状态码大全
张梦莹的博客
12-16 548
http状态返回代码 1xx（临时响应） 
表示临时响应并需要请求者继续执行操作的状态代码。 
 http状态返回代码 代码 说明 100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 http状态返回代码 2xx （成功） 
表示成功
网页状态码
暖暖_nn的博客
03-26 291
这里写自定义目录标题 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 2开头 （请求成功）表示成功处理了请求的状态代码。 200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 201 （已创建） 请求成功并且服务器创建了
HTTP 状态代码
磨炼与成长
12-02 340
如果某项请求发送到您的服务器要求显示您网站上的某个网页（例如，用户通过浏览器访问您的网页或 Googlebot 抓取网页时），服务器将会返回 HTTP 状态代码以响应请求。此状态代码提供关于请求状态的信息， 告诉 Googlebot 关于您的网站和请求的网页的信息。一些常见的状态代码包括：200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务器暂时不可用下面提供 HTTP 状态
HTTP请求状态码对照表
smilehappiness的博客
07-05 2628
文章目录前言HTTP状态码分类HTTP状态码列表 前言 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码： 200 - 请求成功 301 - 资源（网页等）被永久转移到其它URL 404 - 请求的资源（网页等）不存在 500 - 内部服务器错误 HTTP状态码分类 HT
HTTP请求的常见状态码
jinchenpeng的博客
07-28 439
http请求的状态码主要有 1xx（临时响应）、 2xx（成功）、 3xx（已重定向）、 4xx（请求错误） 5xx（服务器错误） 但是我们会遇到的确不是很多，所以不用一一记住，下面是一个列表， 代表了一些常常会出现的状态码： 200 OK:代表一次成功的http请求。 204 No Content：请求已经被服务器成功执行，但是服务器不会返回资源内容，这个状态码可以这样理解：就是告诉客户端，你的请求我已经处理了，但是我没东西答复你，你也不用改变什么。应用场景：在浏览器中，我们提交一个表单，但是又不想跳转页
Http常见请求码详解
dazer的专栏
11-15 1275
HTTP状态码对照表HTTP response codes 这个网上一大堆，都很全面，这里指列出自己开发中用到的，见到的： HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码： 200 - 请求成功301 - 资源（网页等）被永久转移到其它URL404 - 请求的资源（网页等）不存在500 - 内部服务器错误 HTTP状态码的分类 HTTP状
http请求状态码有哪些？分别代表什么意思？
也许会有_hui的博客
04-26 4355
目录 1.背景介绍 2.HTTP状态码分类 3.常见的http状态码 1.背景介绍 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。 当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码由三个十进制数字组成，三位数字代码分别代表着不同的请求状态，第一个十进制数字定义了状态...
HTTP协议详解：请求与响应、返回码解析
3. 常见的HTTP状态码如200表示请求成功，302表示临时重定向，400表示请求错误，404表示请求的资源未找到，503表示服务器暂时无法处理请求。 4. 缓存机制是HTTP性能优化的重要手段，Cache-Control头域用于控制缓存的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MaxLoongLvs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值