在JavaScript中，可以通过XMLHttpRequest或Fetch API获取HTTP状态码。
在JavaScript中，获取HTTP状态码通常涉及到使用XMLHttpRequest对象或者更现代的fetch API，以下是关于如何使用这两种技术来获取HTTP状态码的详细指南：
使用XMLHttpRequest获取HTTP状态码
XMLHttpRequest是一个内置于浏览器中的老旧API，用于在后台与服务器交换数据，要获取HTTP状态码，您需要创建一个XMLHttpRequest实例，初始化一个请求，并设置相应的回调函数来处理响应。
步骤：
1、创建一个新的XMLHttpRequest对象。
2、初始化一个HTTP请求，指定请求的方法和URL。
3、为请求设置onreadystatechange事件处理器，以便在请求的状态发生变化时执行代码。
4、发送请求。
示例代码：
var xhr = new XMLHttpRequest(); // 创建新的XHR对象
xhr.open(‘GET’, ‘https://api.example.com/data’, true); // 初始化请求
// 设置onreadystatechange事件处理器
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) { // 请求已完成且响应已就绪
console.log(‘HTTP状态码：’, xhr.status); // 输出HTTP状态码
}
};
xhr.send(); // 发送请求
在上面的代码中，当readyState属性变为4时（表示请求已完成），我们检查status属性以获取HTTP状态码。
使用Fetch API获取HTTP状态码
fetch是较新的API，提供了一个更强大、更灵活的方式来处理网络请求，它返回一个Promise，这使得使用async/await语法处理异步操作变得更加容易。
步骤：
1、使用fetch函数发起请求，传入请求的URL。
2、使用then方法或async/await来等待响应。
3、调用响应对象的ok属性判断HTTP状态是否成功（状态码在200-299范围内）。
4、使用status属性获取具体的HTTP状态码。
示例代码：
async function getStatusCode(url) {
try {
let response = await fetch(url); // 发起请求
if (response.ok) { // 检查HTTP状态是否成功
console.log(‘HTTP状态码：’, response.status); // 输出HTTP状态码
} else {
console.error(‘请求失败，状态码：’, response.status);
}
} catch (error) {
console.error(‘网络错误：’, error);
}
}
getStatusCode(‘https://api.example.com/data’); // 调用函数
在这个例子中，我们定义了一个异步函数getStatusCode，它使用fetch发起请求，并通过await等待响应，我们检查response.ok来确定请求是否成功，并输出或记录HTTP状态码。
相关问题与解答
Q1: fetch和XMLHttpRequest之间有何区别？
A1: fetch提供了一种更现代化、更简洁的语法，并且它基于Promise，使得异步代码更容易写和维护，而XMLHttpRequest是旧的API，语法相对繁琐，不支持Promise。
Q2: 如果我想在fetch请求失败时获取HTTP状态码怎么办？
A2: 即便网络请求失败，你也可以捕获异常并尝试从response对象中读取状态码，只要确保你有一个有效的response对象，在catch块中调用response.status之前，先检查response是否存在。
Q3: 我能否在不等待整个响应体下载完毕的情况下获取HTTP状态码？
A3: 是的，使用fetch时，你可以在接收到头部信息后立即获取状态码，无需等待整个响应体被下载，这可以通过设置fetch的headers选项中的Accept字段来实现。
Q4: 如何在Node.js环境中获取HTTP状态码？
A4: 在Node.js中，你可以使用http或https模块来发起HTTP请求，并从响应对象中获取状态码，也可以使用第三方库如axios或node-fetch来简化操作。
