HTTPメッセージとajaxの基礎知識を詳しく解説

今回はHTTPメッセージとajaxの基礎知識を詳しく解説します HTTPメッセージを利用する際の注意点と、実際の事例を交えて見ていきましょう。

HTTPメッセージ

クライアントからサーバーに渡されるコンテンツと、サーバーからクライアントに渡されるコンテンツはHTTPメッセージに属します

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

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

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

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

リクエストURLの後に疑問符を使ってパラメータをサーバーに渡す /getList? name =zhangsan&age=7

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

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

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

レスポンスのヘッダー情報を設定

レスポンスボディの内容を設定

Ajax: async 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 opens URLアドレスがオープンされました（送信前のパラメータ設定が完了しています）

2 headers_received レスポンスヘッダ情報が受け付けられました

3 読み込み中 返されたメインのコンテンツはサーバー側で準備され、処理されています

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

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

200 OR ^2d{2} (200 or 2から始まる) -> 両方ともレスポンスボディの内容が正常に返されました

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);

これを読んでメソッドをマスターしたと思いますこの記事のケースについては、さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

Ajax+node js multerでファイルアップロード機能を作る

Webサイトのハイジャックを検出するAjaxメソッド

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