js如何获取http状态码

js可以通过使用fetch函数、fetch函数和第三方库来获取http状态码。详细介绍：1、使用XMLHttpRequest对象，通过调用XMLHttpRequest对象的status属性，可以获取到HTTP状态码；2、使用fetch函数，通过then方法来处理响应，并通过response对象的status属性获取HTTP状态码；3、使用第三方库等等。

本教程操作系统：windows10系统、javascript2023版本、DELL G3电脑。

在JavaScript中，可以通过以下几种方式获取HTTP状态码：

1、使用XMLHttpRequest对象：

在传统的JavaScript中，可以使用XMLHttpRequest对象来发送HTTP请求并获取响应。通过调用XMLHttpRequest对象的status属性，可以获取到HTTP状态码。例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.status); // 输出200
}
};
xhr.send();

在上述代码中，通过xhr.status可以获取到HTTP状态码。

2、使用fetch函数：

在现代的JavaScript中，可以使用fetch函数来发送HTTP请求并获取响应。fetch函数返回一个Promise对象，可以通过then方法来处理响应，并通过response对象的status属性获取HTTP状态码。例如：

fetch('http://example.com/api')
.then(function(response) {
if (response.ok) {
console.log(response.status); // 输出200
}
});

在上述代码中，通过response.status可以获取到HTTP状态码。

3、使用第三方库：

除了原生的JavaScript方法，还可以使用一些第三方库来简化获取HTTP状态码的过程。例如，使用Axios库：

axios.get('http://example.com/api')
.then(function(response) {
console.log(response.status); // 输出200
});

在上述代码中，通过response.status可以获取到HTTP状态码。

需要注意的是，以上方法获取的HTTP状态码是异步获取的，因为HTTP请求是一个异步操作。因此，在获取到HTTP状态码之前，可能需要等待一段时间。可以通过回调函数、Promise、async/await等方式来处理异步操作，确保在获取到HTTP状态码后再进行后续的操作。

另外，需要注意的是，以上方法获取的HTTP状态码是服务器返回的状态码，而不是浏览器发送请求时的状态码。浏览器发送请求时的状态码(如404 Not Found)可以通过浏览器的开发者工具(如Chrome的开发者工具)来查看。

以上就是js如何获取http状态码的详细内容，更多请关注php中文网其它相关文章！