从 JavaScript 中获取当前页面的 HTTP 状态

在前端开发中，有时候需要获取当前页面的 HTTP 状态码。本文将介绍如何使用 JavaScript 获取当前页面的 HTTP 状态，并提供示例代码和指导意义。

HTTP 状态码简介

HTTP 状态码指的是服务器返回给客户端的响应状态码。常见的状态码有：

• 200 OK：请求成功。
• 301 Moved Permanently：请求的资源已经被永久移动到新位置。
• 404 Not Found：未能找到请求的资源。
• 500 Internal Server Error：服务器内部错误。

每个状态码都有其特定的含义和用途，了解这些状态码对于调试和优化网站非常重要。

使用 JavaScript 获取当前页面的 HTTP 状态

可以通过 XMLHttpRequest 对象来获取当前页面的 HTTP 状态。以下是一个示例代码：

var xhr = new XMLHttpRequest();
xhr.open('HEAD', document.URL);
xhr.onreadystatechange = function() {
  if (this.readyState === this.DONE) {
    console.log(this.status);
  }
};
xhr.send();

该代码首先创建了一个 XMLHttpRequest 对象，然后使用 open() 方法打开一个 HEAD 请求，并指定请求的 URL 为当前页面的 URL。接着设置 onreadystatechange 事件处理函数，当 readyState 属性等于 DONE 时，输出当前页面的 HTTP 状态码。

指导意义

使用 JavaScript 获取当前页面的 HTTP 状态码可以帮助我们更好地理解和调试网站。例如，当我们遇到无法加载资源或者页面显示异常时，可以通过查看该资源的 HTTP 状态码来诊断问题。

同时，了解 HTTP 状态码的含义和用途也有助于优化网站性能。例如，对于常见的状态码可以设置相应的缓存策略，减少不必要的网络请求，提高网站响应速度。

结论

本文介绍了如何使用 JavaScript 获取当前页面的 HTTP 状态码，并提供了示例代码和指导意义。希望读者可以从中获得帮助，更好地理解和优化网站。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27474