ホームページ  >  記事  >  ウェブフロントエンド  >  AJAX におけるリクエストのさまざまな準備状態について説明する

AJAX におけるリクエストのさまざまな準備状態について説明する

WBOY
WBOY転載
2023-09-06 23:29:091271ブラウズ

解释 AJAX 中请求的不同就绪状态

AJAX は、Asynchronous JavaScript and XML の略です。これは、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジのセットです。 AJAX を使用すると、Web ページをリロードせずにサーバーと通信できるようになります。

準備完了状態は、AJAX リクエストを処理する際の重要な部分です。リクエストの準備完了ステータスは、サーバーに対するリクエストのステータスを示し、クライアントがリクエストの進行状況を追跡できるようになります。

以下では、AJAX のさまざまな準備状態を詳しく紹介します。

未送信ステータス (0)

これは、AJAX の最初の準備完了状態です。整数 0 で表されます。 AJAX リクエストを行う場合、リクエストは send() メソッドが呼び出されるまで「未送信」状態になります。これは、リクエストがまだサーバーに送信されていないことを意味し、リクエストをまだ送信する必要があることを示しています。この状態は XMLHttpRequest.UNSENT とも呼ばれます。

###文法### リーリー

オープン状態 (1)

これは、AJAX の 2 番目の準備完了状態です。整数 1 で表されます。 AJAX リクエストのオープン状態は、リクエストがサーバーに送信されても​​、応答がまだ受信されていない状態です。これは通常、AJAX リクエスト サイクルの最初のステップであり、ボタンのクリックやフォームの送信などのユーザー アクションによってトリガーされます。これは、リクエストがオープンされ、リクエスト ヘッダーが送信されたことを示します。

たとえば、ユーザーがボタンをクリックしてフォームを送信すると、AJAX リクエストがサーバーに送信され、サーバーがリクエストを処理して応答を返します。次に、ブラウザは応答を処理し、それに応じてページを更新します。別の例としては、ユーザーがリンクをクリックしてさらにコンテンツを読み込むと、追加コンテンツを取得してページに表示するために AJAX リクエストがサーバーに送信されます。

###文法### リーリー

HEADERS_RECEIVED ステータス (2)

これは、AJAX の 3 番目の準備完了状態です。整数 2 で表されます。 Headers Received は、リクエストが送信され、サーバーがヘッダーで応答したときに発生する AJAX のリクエストのステータスです。サーバーはリクエストを受信し、応答ヘッダーを受信したことを示す応答を準備しています。

たとえば、ユーザーが Web ページを表示するリクエストを送信すると、サーバーはページ ヘッダーを送り返すことで応答します。これらのヘッダーには、コンテンツ タイプ、ページの長さ、ページの最終変更日などの情報が含まれています。

別の例は、ユーザーがサーバーにファイルをダウンロードするリクエストを送信する場合です。サーバーは、ファイルのサイズ、種類、最終変更日などのファイル ヘッダーを送り返すことで応答します。

###文法### リーリー

読み込み状況 (3)

AJAX におけるリクエストの読み込み状態とは、リクエストがサーバーに送信され、応答が受信されたときの状態です。この間、リクエストのステータスは「読み込み中」となり、レスポンスボディが受信中であることを示します。

たとえば、ユーザーがボタンをクリックしてフォームを送信すると、フォームが送信され、サーバーから応答 (成功またはエラー メッセージなど) が返されるのが読み込み状態になります。

別の例は、ユーザーがリンクをクリックして新しいページに移動する場合です。読み込み状態とは、リンクをクリックして新しいページが読み込まれたときの状態です。

###文法### リーリー

完了ステータス (4)

AJAX におけるリクエストの完了ステータスは、リクエストが完了し、応答が受信されたときです。この時点で、サーバーはリクエストに応答しており、データはさらなる処理に使用できるようになります。これは、リクエストが完了し、応答が受信されたことを示します。

###文法### リーリー ###例###

この例では、AJAX 呼び出しを実行し、さまざまな準備状態を確認します。さまざまな州の Web ページを現在のステータスで更新します。 UNSENT 状態は、AJAX 呼び出しが送信される前にのみ使用できるため、この状態を実行することはできません。ボタン クリック イベント ハンドラーを使用して、AJAX 呼び出しをトリガーします。

リーリー ###結論は###

JavaScript では、AJAX リクエストには、未送信、オープン、ヘッダー受信、完了という 4 つの異なる準備状態があります。未送信ステータスは、リクエストがまだサーバーに送信されていないことを意味します。オープン状態は、リクエストがサーバーに送信されたが、応答がまだ受信されていない状態です。ヘッダー受信状態は、サーバーがヘッダーで応答し、応答を準備しているときです。完了ステータスは、リクエストが完了し、レスポンスを受信したことを意味します。これらの各準備完了状態には、XMLHttpRequest オブジェクトの readState プロパティを通じてアクセスできます。これらは、AJAX リクエストの進行状況を追跡し、応答を適切に処理するのに役立ちます。

以上がAJAX におけるリクエストのさまざまな準備状態について説明するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。