jsでhttpステータスコードを取得する方法

js は、fetch 関数、fetch 関数、サードパーティのライブラリを使用して http ステータス コードを取得できます。詳細な紹介: 1. XMLHttpRequest オブジェクトを使用して、XMLHttpRequest オブジェクトの status 属性を呼び出して HTTP ステータス コードを取得します; 2. fetch 関数を使用して then メソッドを通じて応答を処理し、status 属性を通じて HTTP ステータス コードを取得します応答オブジェクトの 3. 、サードパーティのライブラリなどを使用します。

このチュートリアルのオペレーティング システム: Windows10 システム、JavaScript2023 バージョン、DELL G3 コンピューター。

JavaScript では、次の方法で HTTP ステータス コードを取得できます:

1. XMLHttpRequest オブジェクトを使用します:

従来の JavaScript では、 XMLHttpRequest オブジェクトを使用して、HTTP リクエストを送信し、応答を取得できます。 HTTP ステータス コードは、XMLHttpRequest オブジェクトの status 属性を呼び出すことで取得できます。例:

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();

上記のコードでは、HTTP ステータス コードは xhr.status を通じて取得できます。

2. フェッチ関数を使用する:

最新の JavaScript では、フェッチ関数を使用して HTTP リクエストを送信し、応答を取得できます。 fetch 関数は Promise オブジェクトを返します。このオブジェクトは then メソッドを通じて応答を処理し、応答オブジェクトの status 属性を通じて HTTP ステータス コードを取得できます。例:

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

上記のコードでは、HTTP ステータス コードは、response.status を通じて取得できます。

3. サードパーティ ライブラリを使用する:

ネイティブ JavaScript メソッドに加えて、いくつかのサードパーティ ライブラリを使用して、HTTP ステータスを取得するプロセスを簡素化することもできます。コード。たとえば、Axios ライブラリを使用すると、次のようになります。

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

上記のコードでは、HTTP ステータス コードは、response.status を通じて取得できます。

HTTP リクエストは非同期操作であるため、上記のメソッドで取得される HTTP ステータス コードは非同期で取得されることに注意してください。したがって、HTTP ステータス コードを取得するまでにしばらく待つ必要がある場合があります。非同期操作はコールバック関数、Promise、async/await などを通じて処理でき、HTTP ステータス コードを取得した後に後続の操作が確実に実行されるようにします。

また、上記のメソッドで取得するHTTPステータスコードは、ブラウザがリクエストを送信したときのステータスコードではなく、サーバーから返されるステータスコードであることに注意してください。ブラウザがリクエストを送信したときのステータス コード (404 Not など) Found) は、ブラウザの開発者ツール (Chrome の開発者ツールなど) を通じて表示できます。

以上がjsでhttpステータスコードを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。