JavaScript中获取HTTP状态码的简单方法

在JavaScript开发中，获取HTTP状态码是一项常见需求，它能帮助我们了解服务器响应的状态，从而更好地处理各种业务逻辑。接下来就为大家介绍几种简单的获取HTTP状态码的方法。

使用XMLHttpRequest对象

XMLHttpRequest是一种用于在浏览器和服务器之间进行异步通信的技术。通过它，我们可以轻松获取HTTP状态码。以下是一个简单示例：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'your-url', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        if (xhr.status >= 200 && xhr.status < 300) {
            console.log('请求成功，状态码：', xhr.status);
        } else {
            console.log('请求失败，状态码：', xhr.status);
        }
    }
};
xhr.send();

在这个代码片段中，xhr.status 就是我们要获取的HTTP状态码。readyState 为4表示请求已完成，此时可以检查状态码来判断请求是否成功。

使用fetch API

fetch API是现代JavaScript中进行网络请求的一种更简洁方式，同样可以获取HTTP状态码。示例如下：

fetch('your-url')
 .then(response => {
        console.log('状态码：', response.status);
        if (response.ok) {
            return response.json();
        } else {
            throw new Error('请求失败');
        }
    })
 .then(data => console.log(data))
 .catch(error => console.error(error));

在这个例子里，response.status 用于获取状态码，response.ok 是一个布尔值，当状态码在200 - 299之间时为 true，方便我们快速判断请求是否成功。

在Node.js环境中获取

在Node.js服务器端开发中，使用 http 模块发送请求时获取状态码的方式略有不同。示例代码如下：

const http = require('http');
const options = {
    hostname: 'your-hostname',
    port: 80,
    path: 'your-path',
    method: 'GET'
};
const req = http.request(options, res => {
    console.log('状态码：', res.statusCode);
    res.on('data', d => {
        process.stdout.write(d);
    });
});
req.end();

这里 res.statusCode 便是我们获取到的HTTP状态码。

无论是前端开发还是后端开发，掌握获取HTTP状态码的方法都非常重要。通过这些简单的方法，我们能够更灵活地处理网络请求，提高应用程序的健壮性和用户体验。根据具体的项目需求，合理选择合适的方法来获取状态码，将有助于我们更高效地完成开发任务。