HTTP メッセージと Ajax の基本的な知識

クライアントからサーバーに渡されるコンテンツ、およびサーバーからクライアントに渡されるコンテンツは、どちらも HTTP メッセージです。 Ajax はクライアント JS のメソッドであり、サーバーにリクエストを送信するために使用されます。この記事を通じて HTTP メッセージと Ajax の基本的な知識を共有します。興味のある方はぜひ一緒にご覧ください

。 HTTPメッセージには、クライアントからサーバーに渡される内容と、サーバーからクライアントに渡される内容が含まれます

開始行：リクエスト開始行 レスポンス開始行

ヘッダ：リクエストヘッダ レスポンスヘッダ 共通ヘッダ（両方のリクエスト）とレスポンス) ) カスタムヘッダー

Body: リクエストボディレスポンスボディ

クライアントがサーバーに渡すデータ:

リクエストURLはパラメータ/getList?name=に続く疑問符の形でサーバーに渡されますzhangsan&age=7

リクエストのヘッダーを設定します（リクエストヘッダー情報を設定します）

リクエストボディを設定し、サーバーに渡す内容をリクエストボディに入れてサーバーに渡します

サーバーから渡されるデータクライアント:

応答ヘッダー情報を設定します

応答本文の内容を設定します

Ajax : 非同期 JavaScript および XML 非同期 JS および XML (拡張可能なマークアップ言語、XML ファイルで使用されるタグはすべて独自に拡張され、独自のタグを使用します)関連するデータを保存するために拡張された通常のタグ)

Ajax がクライアント JS のメソッドは、サーバーにリクエストを送信し (データをサーバーに渡すこともできます)、サーバーから返されたコンテンツを取得するために使用されます (Ajax は通常、クライアントのブラウザで実行されます)。

Ajaxの4つのステップ:Ajaxオブジェクトを作成する(以下の記述方法はIE6以下のブラウザではサポートされていません)

var xhr = new XMLHttpRequest;

送信前の基本情報設定:リクエストメソッド(GET、POST、PUT、 DELETE、HEAD...)

URL アドレスを開きます (リクエストを送信するサーバー アドレスを構成します)

同期または非同期 (true は非同期を表し、false は同期を表し、デフォルトは true)

[ユーザー名] をサーバーは要求されたユーザー名を提供します

[userpass] は要求されたユーザーのパスワードをサーバーに提供します これら 2 つの値は通常、サーバーがセキュリティ制限を設け、特定のユーザーのみにアクセスを許可する場合にのみ書き込まれます。それを渡します

xhr.open('get',"/data.txt",false,[username],[userpass]);

onreadystatechange イベントにメソッドをバインドして状態の変化を監視します (状態が変化している限り、メソッドの実行がトリガーされます)

xhr.onreadystatechange = function(){

xhr.readyState: 現在の処理の進行状況を表すことができる AJAX ステータス コード

0 unset 現在のリクエストはまだ送信されていません

1 公開済み URLアドレスが公開されています（送信前のパラメータ設定が完了しています）

2 headers_received レスポンスヘッダ情報が受け付けられています

3 読み込み中 主な返される内容は、サーバー側での処理の準備中

4 完了 レスポンスボディの内容がクライアントに正常に返されました

xhr.status: サーバーのレスポンスコンテンツのステータスを説明するHTTPネットワークステータスコード

200 OR ^2d {2} (200 または 2 から始まる) -> どちらもレスポンスボディの内容が成功したことを表します Returned

301 永続リダイレクト/永続転送

302 一時リダイレクト/一時転送サーバー負荷分散

304 内容今回取得するのはキャッシュ内のデータの読み込みです

400 クライアントからサーバーに渡されたパラメータが表示されます エラー

401 不正アクセス

404 クライアントがアクセスしたアドレスが存在しません

500 不明なサーバーエラー

503 サーバーが過負荷です

　　if(xhr.readyState===4 && /^2\d{2}$/.test(xhr.status)){
　　　　var val = xhr.responseText;
　　}
}

リクエストの送信: パラメーターはリクエスト本文でサーバーに渡される内容です

xhr.send(null);

以上は、皆さんのためにまとめたものです。今後皆さんのお役に立てれば幸いです。

関連記事:

Ajax非同期リクエスト技術を事例とともに解説

jQuery ValidatorによるAjaxフォーム送信検証方法とAjaxパラメータ受け渡し方法（画像とテキストのチュートリアル）

Ajaxクロスドメインの原理リクエスト (写真とテキスト) チュートリアル)

以上がHTTP メッセージと Ajax の基本的な知識の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。