簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法
Jan 05, 2024 pm 06:08 PM
JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です
前書き:
Web 開発では、サーバーとのデータ対話が頻繁に行われます。シーン。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判斷し、さまざまなステータス コードに基づいて対応する処理を?qū)g行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。
- 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('請求失敗，狀態(tài)碼為：' + xhr.status);
}
}
};
xhr.send(); 上記のコードでは、まず XMLHttpRequest オブジェクトを作成し、次に xhr.open メソッドを使用してリクエストを指定します。メソッドとアドレスを指定し、 xhr.onreadystatechange メソッドを通じてリクエスト ステータスの変化を監(jiān)視します。 xhr.readyState が XMLHttpRequest.DONE になると、リクエストは完了しています。
次に、xhr.status を通じてサーバーから返された HTTP ステータス コードを取得しました。ステータス コードが 200 に等しい場合は、リクエストが成功したことを意味し、それ以外の場合はリクエストが失敗したことを意味します。
- Fetch API を使用してステータス コードを取得する
Fetch API は JavaScript の新機能であり、サーバーと対話するためのより最新かつ強力な方法を提供します。以下は、Fetch API を使用して HTTP ステータス コードを取得するサンプル コードです。
fetch('http://example.com/api')
.then(response => {
if (response.ok) {
console.log('請求成功');
} else {
console.log('請求失敗，狀態(tài)碼為：' + response.status);
}
})
.catch(error => {
console.log('請求發(fā)生錯誤：', error);
}); 上記のコードでは、Fetch API の fetch 関數(shù)を使用して GET リクエストを開始します。 。次に、.then メソッドを通じてサーバーの応答結果を処理します。 response.ok が true の場合はリクエストが成功したことを意味し、それ以外の場合はリクエストが失敗したことを意味します。 HTTP ステータス コードは、response.status を通じて取得できます。
さらに、.catch メソッドを使用して、リクエスト プロセス中にエラーをキャッチすることもできます。
- その他の一般的な 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('服務器發(fā)生錯誤');
}- 503 サービスが利用できません:
if (xhr.status === 503) {
console.log('服務當前不可用');
}さまざまなステータス コードに従って適切に処理し、さまざまなエラー狀況に適切に対処できます。 。
結論:
この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を紹介し、いくつかの具體的なコード例を示します。この知識を習得すると、サーバーとの対話中のエラーをより適切に処理できるようになり、Web 開発の効率が向上します。この記事がお役に立てば幸いです!
以上が簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法の詳細內(nèi)容です。詳細については、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 統(tǒng)合開発環(huán)境
ドリームウィーバー 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 の原因と解決策を調(diào)べる はじめに: ネットワーク通信において、HTTP ステータス コードは重要な役割を果たし、サーバーがリクエストを処理した結果を示すために使用されます。その中でも、HTTP ステータス コード 550 は比較的まれなステータス コードであり、通常はサーバーがリクエストの実行を拒否することに関連しています。この記事では、HTTP ステータス コード 550 の原因を調(diào)査し、解決策を提供します。 1. HTTP ステータス コードの基本概念 HTTP ステータス コード 550 を理解する前に、HTTP ステータス コードの基本概念を簡単に理解しましょう。
HTTPステータスコード460の原因と解決策を分析する
Feb 20, 2024 pm 02:03 PM
HTTP ステータス コード 460 の原因と解決策を調(diào)べます。HTTP ステータス コードは、リクエストによって返された結果を示すために HTTP プロトコルで使用される標準化された數(shù)値コードです。 HTTP/1.1の仕様では、ステータスコードが合計5種類定義されており、そのうち4xxステータスコードはリクエストエラーを、5xxステータスコードはサーバエラーを示します。これらのステータス コードの中で、460 ステータス コードについてはほとんど聞いたことがありません。では、HTTP ステータス コード 460 とは何でしょうか?その出現(xiàn)の理由は何ですか？どうやって解決すればいいのでしょうか？まず、HTTP ステータス コードを見てみましょう
HTTP ステータス コード 460 の意味と使用法の詳細
Feb 18, 2024 pm 08:29 PM
HTTP ステータス コード 460 の役割とアプリケーション シナリオの詳細な分析 HTTP ステータス コードは Web 開発の非常に重要な部分であり、クライアントとサーバー間の通信ステータスを示すために使用されます。その中でも、HTTP ステータス コード 460 は比較的特殊なステータス コードであり、この記事ではその役割と適用シナリオを詳しく分析します。 HTTP ステータス コード 460 の定義 HTTP ステータス コード 460 の具體的な定義は「ClientClosedRequest」です。これは、クライアントがリクエストを閉じたことを意味します。このステータス コードは主に次のことを示すために使用されます。
HTTP 525 ステータス コードの概要: その定義と応用を調(diào)べる
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 を確認します。
HTTPステータスコード460の意味の分析
Feb 24, 2024 pm 03:51 PM
現(xiàn)地語の説明: HTTP ステータス コード 460 は何を意味しますか?みなさん、こんにちは。今日は HTTP ステータス コードの奇妙な番號 460 についてお話します。多くの友人は、Web サイトを開発したり Web を閲覧したりするときに、HTTP ステータス コードを含むさまざまなエラー ページに遭遇したことがあると思います。この 460 ステータス コードについて気になるかもしれませんが、これは何を意味するのでしょうか?まず、HTTP ステータス コードとは何かを理解しましょう。 Web ページにアクセスするプロセス中、またはサーバーと対話するプロセス中に、クライアントは
