ホームページ > ウェブフロントエンド > jsチュートリアル > HTTPメッセージとajaxの基礎知識を詳しく解説

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

php中世界最好的语言
リリース: 2018-03-31 11:09:17
オリジナル
1601 人が閲覧しました

今回は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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート