剖析 HTTP 状态码：前端面试中不可忽视的关键点

前端

2024-01-28 07:36:30

HTTP状态码：前端面试必备知识

概述

HTTP 状态码是一组三位数字的代码，用于表示服务器对客户端请求的响应结果。掌握 HTTP 状态码至关重要，因为它能帮助你应对前端面试，并在实际开发中正确处理各种 HTTP 请求和响应。

400 错误类型

400 错误表示客户端请求中有语法错误或其他问题，导致服务器无法理解。常见的 400 错误类型包括：

400 Bad Request： 请求的语法错误。
401 Unauthorized： 需要身份验证。
403 Forbidden： 服务器拒绝访问。
404 Not Found： 请求的资源不存在。
405 Method Not Allowed： 请求中使用了错误的方法。

500 错误类型

500 错误表示服务器在处理请求时发生错误。常见的 500 错误类型包括：

500 Internal Server Error： 服务器内部错误。
501 Not Implemented： 服务器无法执行请求。
502 Bad Gateway： 网关错误。
503 Service Unavailable： 服务不可用。
504 Gateway Timeout： 网关超时。

其他状态码

除了 400 和 500 错误类型之外，还有其他值得了解的状态码，例如：

100 Continue： 客户继续。
101 Switching Protocols： 服务器切换协议。
200 OK： 请求成功。
201 Created： 请求已创建。
202 Accepted： 请求已接受。

前端中的 HTTP 状态码处理

在前端开发中，正确处理 HTTP 状态码至关重要。例如，当服务器返回 404 状态码时，需要在前端显示友好提示，告知用户请求的资源不存在，并提供相应的解决方案。当服务器返回 500 状态码时，需要记录错误日志并及时通知开发人员，以便尽快修复问题。

代码示例

以下是一个 JavaScript 代码示例，演示了如何使用 XMLHttpRequest 对象处理 HTTP 状态码：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data');
xhr.onload = () => {
  if (xhr.status === 200) {
    // 请求成功，处理响应数据
  } else if (xhr.status >= 400) {
    // 请求失败，处理错误
  }
};
xhr.send();