JavaScript チュートリアル: HTTP ステータス コードを最初から取得する方法を学ぶ
ゼロから始める: JavaScript が HTTP ステータス コードを取得する方法を教えます
Web 開発では、サーバーと通信し、HTTP ステータスを理解する必要があることがよくあります。コードは非常に重要な重要な部分です。 HTTP ステータス コードは、HTTP リクエストに対するサーバーの応答の識別子であり、サーバーはステータス コードを使用してリクエストの処理結果をクライアントに伝えます。
この記事では、JavaScript を使用してコード例を作成し、フロントエンドで HTTP ステータス コードを取得する方法を説明します。
1. XMLHttpRequest オブジェクトを使用して HTTP ステータス コードを取得する
XMLHttpRequest オブジェクトは、フロントエンドとサーバー間のデータ交換の中核であり、これを使用して HTTP リクエストを送信し、応答ステータスコードを取得します。
まず、XMLHttpRequest オブジェクトを作成します。
var xhr = new XMLHttpRequest();
次に、XMLHttpRequest オブジェクトの open() メソッドを使用して、要求された URL と要求メソッド (GET、POST、PUT、など):
xhr.open('GET', 'http://www.example.com', true);setRequestHeader() メソッドを使用してリクエスト ヘッダーを設定することもできます。これは、特定のリクエスト ヘッダーを渡す必要がある場合に非常に便利です。リクエストを送信するための send() メソッド:
xhr.setRequestHeader('Content-Type', 'application/json');XMLHttpRequest オブジェクトの readstatechange イベントをリッスンする必要があります。このイベントは、リクエストの状態が変化したときにトリガーされます。リスニング関数では、status 属性を通じて HTTP ステータス コードを取得できます。
xhr.send();
2. フェッチ API を使用して HTTP ステータス コードを取得します。
fetch API は、次の最新のネットワーク リクエストです。 JavaScript メソッドを使用して、HTTP ステータス コードを取得することもできます。
fetch メソッドを使用して GET リクエストを送信し、次のように HTTP ステータス コードを取得します。
xhr.onreadystatechange = function() {
if(xhr.readyState === 4) {
console.log('HTTP状态码：', xhr.status);
}
};fetch メソッドは Promise オブジェクトを返すので、 を使用する必要があることに注意してください。 then() を使用して非同期リクエストへの応答を処理します。
3. Axios ライブラリを使用して HTTP ステータス コードを取得する
Axios は、ネットワーク リクエストをより簡潔に送信でき、より使いやすい API を提供する非常に人気のある JavaScript ライブラリです。 Axios を使用して HTTP ステータス コードを取得することもできます。
まず、Axios ライブラリを導入する必要があります:
fetch('http://www.example.com')
.then(response => {
console.log('HTTP状态码：', response.status);
});次に、GET リクエストを送信して HTTP ステータス コードを取得するコードは次のとおりです:
<script src="https://cdn.jsdelivr.net/npm/axios"></script>
Axios の簡潔な API とエレガントなチェーン呼び出しにより、ネットワーク リクエストをより簡単に送信できるようになります。
上記の 3 つの方法により、フロントエンドで HTTP ステータス コードを簡単に取得できます。 HTTP ステータス コードを理解すると、ネットワーク リクエストのデバッグと処理を改善し、ユーザー エクスペリエンスを向上させることができます。この記事があなたのお役に立てば幸いです!
以上がJavaScript チュートリアル: HTTP ステータス コードを最初から取得する方法を学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undress AI Tool
脱衣画像を無料で
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
HTTPステータスコード460の原因を明らかにする
Feb 19, 2024 pm 08:30 PM
HTTP ステータス コード 460 の復号化: このエラーはなぜ発生しますか?はじめに: 日常のネットワーク使用では、HTTP ステータス コードを含むさまざまなエラー プロンプトに遭遇することがよくあります。これらのステータス コードは、リクエストの処理を示すために HTTP プロトコルによって定義されたメカニズムです。これらのステータス コードの中には、比較的まれなエラー コード 460 があります。この記事では、このエラー コードを詳しく説明し、このエラーが発生する理由を説明します。 HTTP ステータス コード 460 の定義: まず、HTTP ステータス コードの基本を理解する必要があります。
HTTP ステータス コード 550 の原因と解決策のトラブルシューティング
Feb 20, 2024 am 09:49 AM
HTTP ステータス コード 550 の原因と解決策を調べる はじめに: ネットワーク通信において、HTTP ステータス コードは重要な役割を果たし、サーバーがリクエストを処理した結果を示すために使用されます。その中でも、HTTP ステータス コード 550 は比較的まれなステータス コードであり、通常はサーバーがリクエストの実行を拒否することに関連しています。この記事では、HTTP ステータス コード 550 の原因を調査し、解決策を提供します。 1. HTTP ステータス コードの基本概念 HTTP ステータス コード 550 を理解する前に、HTTP ステータス コードの基本概念を簡単に理解しましょう。
HTTPステータスコード460の原因と解決策を分析する
Feb 20, 2024 pm 02:03 PM
HTTP ステータス コード 460 の原因と解決策を調べます。HTTP ステータス コードは、リクエストによって返された結果を示すために HTTP プロトコルで使用される標準化された数値コードです。 HTTP/1.1の仕様では、ステータスコードが合計5種類定義されており、そのうち4xxステータスコードはリクエストエラーを、5xxステータスコードはサーバエラーを示します。これらのステータス コードの中で、460 ステータス コードについてはほとんど聞いたことがありません。では、HTTP ステータス コード 460 とは何でしょうか?その出現の理由は何ですか？どうやって解決すればいいのでしょうか？まず、HTTP ステータス コードを見てみましょう
HTTP ステータス コード 460 の意味と使用法の詳細
Feb 18, 2024 pm 08:29 PM
HTTP ステータス コード 460 の役割とアプリケーション シナリオの詳細な分析 HTTP ステータス コードは Web 開発の非常に重要な部分であり、クライアントとサーバー間の通信ステータスを示すために使用されます。その中でも、HTTP ステータス コード 460 は比較的特殊なステータス コードであり、この記事ではその役割と適用シナリオを詳しく分析します。 HTTP ステータス コード 460 の定義 HTTP ステータス コード 460 の具体的な定義は「ClientClosedRequest」です。これは、クライアントがリクエストを閉じたことを意味します。このステータス コードは主に次のことを示すために使用されます。
米国の Apple ID を取得する方法
Feb 22, 2024 am 09:30 AM
まずは公式サイトでIDを登録します 1. ブラウザでApple公式サイトwww.apple.comにアクセスします クリックしてアクセスします 2. ページの一番下までスクロールし、国をUnitedStatesに切り替えます> >アカウントをクリック>>ManageYourAppleID>>新しいページの下部をクリックCreateYourAppleID3、登録情報(名前/国/誕生日/メールアドレス/パスワードプロンプトQ&Aなど)を入力>>メール認証コードを入力後確認して送信すると、登録が成功したことを示すメッセージがページに表示されます。 ※このページのメールアドレスはApple IDに登録されていない新規メールアドレスである必要があります; 国はアメリカ合衆国である必要があります; 誕生日は最も重要です
HTTP 525 ステータス コードの概要: その定義と応用を調べる
Feb 18, 2024 pm 10:12 PM
HTTP 525 ステータス コードの概要: その定義と使用法を理解する HTTP (HypertextTransferProtocol) 525 ステータス コードは、SSL ハンドシェイク中にサーバーでエラーが発生し、安全な接続を確立できないことを意味します。 Transport Layer Security (TLS) ハンドシェイク中にエラーが発生すると、サーバーはこのステータス コードを返します。このステータス コードはサーバー エラー カテゴリに分類され、通常はサーバーの構成またはセットアップの問題を示します。クライアントが HTTPS 経由でサーバーに接続しようとすると、サーバーには
HTTP ステータス コード 550 の詳細な分析: 不正な電子メール アドレス
Feb 18, 2024 pm 01:44 PM
HTTP ステータス コード 550: 間違った電子メール アドレスの詳細な分析 インターネットの急速な発展に伴い、電子メールは人々の日常生活や仕事に不可欠な部分になりました。電子メールを通じて、人々は情報を転送し、迅速かつ簡単にコミュニケーションを行うことができます。ただし、電子メールを使用する過程で、時々問題が発生することがあります。その 1 つは、間違った電子メール アドレスです。オンラインでメールを送信する際、メールが送信できないという状況がよく発生します。 「550Error:Invalid」のようなメッセージが表示された場合
Googleセキュリティコードはどこで入手できますか
Mar 30, 2024 am 11:11 AM
Google Authenticator はユーザー アカウントのセキュリティを保護するために使用されるツールであり、そのキーは動的検証コードを生成するために使用される重要な情報です。 Google Authenticator のキーを忘れて、セキュリティ コードでしか認証できない場合は、この Web サイトの編集者が Google セキュリティ コードの入手先について詳しく説明しますので、お役に立てれば幸いです。詳細を知る ユーザーは以下を読み続けてください。まず電話の設定を開き、設定ページに入ります。ページを下にスクロールして Google を見つけます。 Googleページに移動し、「Googleアカウント」をクリックします。アカウント ページに入り、確認コードの下にある [表示] をクリックします。パスワードを入力するか、指紋を使用して身元を確認します。 Google セキュリティ コードを取得し、そのセキュリティ コードを使用して Google の ID を確認します。
