JavaScript クイック スタート: HTTP ステータス コードの取得

クイック スタート: JavaScript を使用して HTTP ステータス コードを取得するには、特定のコード サンプルが必要です

はじめに:
Web アプリケーションを開発する場合、多くの場合、次のユーザーと通信する必要があります。サーバーは対話して HTTP ステータス コードを取得します。 HTTP ステータス コードは、リクエストに応じてサーバーから返される 3 桁の数字で、基本的な診断とリクエストのステータスに関する情報を提供します。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を学び、いくつかの具体的なコード例を示します。

1. XMLHttpRequest オブジェクトを使用して HTTP リクエストを送信する
   HTTP ステータス コードを取得するには、まず XMLHttpRequest (XHR) オブジェクトを使用して HTTP リクエストを送信する必要があります。 XHR オブジェクトを使用すると、サーバーと非同期に通信し、バックグラウンドで応答データを取得できます。

次は、XHR オブジェクトを使用して GET リクエストを送信するコード例です。

let xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "http://example.com/api/data", true);
xmlhttp.send();

2. XHR オブジェクトのステータス変更の監視
   XHR オブジェクトのステータス変更の監視オブジェクトはリクエストを送信し、受信します。応答すると、readyState プロパティが変化します。この属性の変更をリッスンすることで HTTP ステータス コードを取得できます。

次は、onreadystatechange イベントを使用して XHR オブジェクトのステータス変更を監視するコード例です。

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

3. HTTP ステータス コードを取得する
   XHR オブジェクトの readState 属性の値が 4 である場合、status 属性を通じて HTTP ステータス コードを取得できます。 HTTP ステータス コードは、通常、「OK」の場合は 200、「見つかりません」の場合は 404、「内部サーバー エラー」の場合は 500 など、数値の形式で返されます。

以下は、HTTP ステータス コードを取得するコード例です。

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        console.log(this.status); // 输出HTTP状态码
    }
};

4. さまざまな HTTP ステータス コードの処理
   さまざまな HTTP ステータス コードに従って、次のことができます。処理ロジックが異なります。以下に、一般的な HTTP ステータス コードと対応する処理メソッドを示します。

• 200: リクエストは成功し、サーバーから返されたデータの処理を続行できます。
• 404: 要求されたリソースは存在しません。エラー ページを表示するか、ユーザーに再入力を求めることができます。
• 500: 内部サーバー エラー。エラー ページを表示するか、サーバーに問題を報告できます。

以下は、さまざまな HTTP ステータス コードに応じた処理のコード例です:

xmlhttp.onreadystatechange = function() {
    if (this.readyState === 4) {
        if (this.status === 200) {
            // 请求成功
            console.log("请求成功");
            console.log(this.responseText); // 输出服务器返回的数据
        } else if (this.status === 404) {
            // 请求的资源不存在
            console.log("请求的资源不存在");
        } else if (this.status === 500) {
            // 服务器内部错误
            console.log("服务器内部错误");
        }
    }
};

結論:
この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を学習しました。 。 XMLHttpRequest オブジェクトを使用して HTTP リクエストを送信し、ステータスの変化を監視してステータス コードを取得します。ステータスコードの違いに応じて、異なる処理ロジックを作成できます。これらのコード例は、JavaScript をより深く理解し、HTTP ステータス コードを処理するために使用するのに役立ちます。

HTTP ステータス コードを取得するのは簡単なタスクですが、サーバー応答のデバッグと処理には非常に重要です。 HTTP ステータス コードを理解して使用することで、Web アプリケーションの問題をより適切に処理し、より良いユーザー エクスペリエンスを提供できます。

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