学习浏览器中的JS-HTTP响应代码

563 阅读3分钟

这是我参与11月更文挑战的第16天,活动详情查看:2021最后一次更文挑战

前言

通过前几篇文章我们学习记录了浏览器中的 JavaScript, 另有更文其他 各知识点小结的相关阅读: list:

上文入门学习了 fetch 网络请求方法, 本文继续来学习 关于网络的其他相关细节: HTTP 响应代码 (即 状态码)

HTTP 响应代码

上一篇 fetch 请求的响应数据根据返回的状态码来判断是否返回正确的数据. 这个返回正常的状态就是 status 为 200

HTTP 响应状态代码指示特定  HTTP  请求是否已成功完成。响应分为五类:信息响应(100199),成功响应(200299),重定向(300399),客户端错误(400499)和服务器错误  (500599)。

HTTP 状态码有很多, 经常用到的状态码 比如 200 304 等等, 这个在工作中也是经常用的, 也是在面试中经常被问到的. 下面对 HTTP 状态码,常见的状态码进行学习整理:

常见的状态码

在 Chrome 浏览器打开控制台, 在 network 选项中 刷新页面, 就可以看到各种请求及其状态了.

其实如果网络良好的话, 在控制台一般会见到如下几个代码, 比如本站首页就只有两个

juejin-homepage-http-status

  • 200 OK 请求成功啦!

  • 204 No Content 服务器成功处理了请求,但不需要返回任何实体内容,并且希望返回更新了的元信息。响应可能通过实体头部的形式,返回新的或更新后的元信息。

HTTP 响应代码 分类

以 1 开头为信息响应, 依次类推如下

  1. 信息响应

  2. 请求成功

  3. 重定向 (304)

    304 Not Modified - 如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码

  4. 客户端响应 (403 / 404)

    401 Unauthorized - 当前请求需要用户验证。该响应必须包含一个适用于被请求资源的 WWW-Authenticate 信息头用以询问用户信息

    403 Forbidden - 服务器已经理解请求,但是拒绝执行它。与 401 响应不同的是,身份验证并不能提供任何帮助

    404 Not Found - 请求失败,请求所希望得到的资源未被在服务器上发现。

  5. 服务端响应(500 / 502)

    500 Internal Server Error - 服务器遇到了不知道如何处理的情况。

    502 Bad Gateway - 此错误响应表明服务器作为网关需要得到一个处理这个请求的响应,但是得到一个错误的响应

相关更文阅读

  1. JavaScript 学习理解-Number-这是一个函数
  2. JS 学习理解-自动类型转换
  3. JavaScript 中的中缀运算符
  4. 你知道 JavaScript 的 typeof 是什么吗?
  5. 学习 JavaScript 中几个代表性事件(Event)
  6. 学习理解客户端 JavaScript-事件分类(一)
  7. 客户端 JavaScript-事件分类(二)
  8. 学习理解 JavaScript 一事件与事件循环
  9. 理解浏览器中的 JavaScript-事件注册
  10. 浏览器中的 JavaScript-fetch()网络请求方法
  11. # fetch请求响应处理展示

Calm Down & Carry On!

Buy Less by Know More! 加油!

学习, 记录, 积累 是一个漫长的过程!

参考内容