JavaScript快速入门之获取HTTP状态码

在Web开发领域，了解并获取HTTP状态码对于开发者来说至关重要。HTTP状态码是服务器返回给客户端的三位数字代码，用于指示HTTP请求的结果。借助JavaScript，我们可以轻松实现获取这些状态码，为构建健壮的Web应用程序提供有力支持。

使用JavaScript获取HTTP状态码的方法有多种，其中XMLHttpRequest对象是一个经典的途径。我们需要创建一个XMLHttpRequest实例，然后打开一个连接并发送请求。在请求完成后，通过检查实例的status属性，就能获取到HTTP状态码。例如：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    const statusCode = xhr.status;
    console.log('HTTP状态码: ', statusCode);
  }
};
xhr.send();

上述代码中，当readyState变为4（表示请求已完成且响应已就绪）时，我们就可以从status属性获取状态码并在控制台打印出来。

随着技术的发展，Fetch API逐渐成为获取HTTP状态码的常用方式。它提供了更为简洁、现代化的语法。示例代码如下：

fetch('https://example.com')
 .then(response => {
    const statusCode = response.status;
    console.log('HTTP状态码: ', statusCode);
    return response.text();
  })
 .then(data => console.log(data))
 .catch(error => console.error('请求出错: ', error));

通过Fetch API发送请求后，我们可以从response对象的status属性获取状态码。并且它还能方便地处理响应数据，如示例中通过response.text()获取文本数据。

在实际开发中，根据不同的HTTP状态码，我们可以进行相应的逻辑处理。例如，当状态码为200时，表示请求成功，我们可以正常处理返回的数据；当状态码为404时，表示请求的资源不存在，我们可以提示用户相应的错误信息。掌握获取HTTP状态码的方法，能让我们更好地控制Web应用程序的流程，提升用户体验。无论是新手开发者还是有经验的工程师，深入理解并熟练运用这些技巧，都将对开发工作大有裨益。