簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です

前書き:
Web 開発では、サーバーとのデータ対話が頻繁に行われます。シーン。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。

1. XMLHttpRequest オブジェクトを使用してステータス コードを取得する

XMLHttpRequest は HTTP 要求オブジェクトであり、JavaScript でサーバーと対話するために使用できます。以下は、HTTP ステータス コードを取得するサンプル コードです。

let xhr = new XMLHttpRequest();

xhr.open('GET', 'http://example.com/api', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log('请求成功');
    } else {
      console.log('请求失败，状态码为：' + xhr.status);
    }
  }
};

xhr.send();

上記のコードでは、まず XMLHttpRequest オブジェクトを作成し、次に xhr.open メソッドを使用してリクエストを指定します。メソッドとアドレスを指定し、 xhr.onreadystatechange メソッドを通じてリクエスト ステータスの変化を監視します。 xhr.readyState が XMLHttpRequest.DONE になると、リクエストは完了しています。

次に、xhr.status を通じてサーバーから返された HTTP ステータス コードを取得しました。ステータス コードが 200 に等しい場合は、リクエストが成功したことを意味し、それ以外の場合はリクエストが失敗したことを意味します。

2. Fetch API を使用してステータス コードを取得する

Fetch API は JavaScript の新機能であり、サーバーと対話するためのより最新かつ強力な方法を提供します。以下は、Fetch API を使用して HTTP ステータス コードを取得するサンプル コードです。

fetch('http://example.com/api')
  .then(response => {
    if (response.ok) {
      console.log('请求成功');
    } else {
      console.log('请求失败，状态码为：' + response.status);
    }
  })
  .catch(error => {
    console.log('请求发生错误：', error);
  });

上記のコードでは、Fetch API の fetch 関数を使用して GET リクエストを開始します。 。次に、.then メソッドを通じてサーバーの応答結果を処理します。 response.ok が true の場合はリクエストが成功したことを意味し、それ以外の場合はリクエストが失敗したことを意味します。 HTTP ステータス コードは、response.status を通じて取得できます。

さらに、.catch メソッドを使用して、リクエスト プロセス中にエラーをキャッチすることもできます。

3. その他の一般的な HTTP ステータス コード処理の例

HTTP ステータス コードには 200 以外にも多くの値があり、それぞれの値は異なる意味を表します。一般的な HTTP ステータス コードの処理例をいくつか示します。

• 301 永続的なリダイレクト:

if (xhr.status === 301) {
  console.log('请求被永久重定向');
}

• 404 ページが見つかりません:

if (xhr.status === 404) {
  console.log('请求的页面不存在');
}

• 500 サーバー エラー:

if (xhr.status === 500) {
  console.log('服务器发生错误');
}

• 503 サービスが利用できません:

if (xhr.status === 503) {
  console.log('服务当前不可用');
}

さまざまなステータス コードに従って適切に処理し、さまざまなエラー状況に適切に対処できます。 。

結論:
この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を紹介し、いくつかの具体的なコード例を示します。この知識を習得すると、サーバーとの対話中のエラーをより適切に処理できるようになり、Web 開発の効率が向上します。この記事がお役に立てば幸いです!

以上が簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。