ホームページ  >  記事  >  ウェブフロントエンド  >  Ajax の XMLHttpRequest とは何ですか? XMLHttpRequest の簡単な紹介

Ajax の XMLHttpRequest とは何ですか? XMLHttpRequest の簡単な紹介

青灯夜游
青灯夜游オリジナル
2018-11-08 10:55:523871ブラウズ

この記事の内容は、Ajax の XMLHttpRequest とは何ですか? XMLHttpRequest の簡単な紹介。よく理解し、習得する必要がある XMLHttpRequest のメソッドと属性をすべての人に知ってもらいます。困っている友人は参考にしていただければ幸いです。

XMLHttpRequest オブジェクトは、ブラウザ内で XMLHttpRequest オブジェクトを使用してバックグラウンドでデータを取得するために使用できます。そのため、XMLHttpRequest は Ajax にとって非常に重要であると言えます。オブジェクトは AJAX テクノロジーの鍵です。 [関連ビデオの推奨: Ajax ビデオ チュートリアル ]

XMLHttpRequest の関連知識について学びましょう。

1. XMLHttpRequest とは何ですか?

XMLHttpRequest (XHR) は、HTTP を使用して Web サーバーとの間で XML データを転送するために、JavaScript、JScript、VBScript、およびその他の Web ブラウザー スクリプト言語で使用できる API です。サーバーは XML データを操作して、Web ページのクライアント側とサーバー側の間に独立した接続チャネルを確立します。

XMLHttpRequest 呼び出しから返されるデータは、通常、バックエンド データベースによって提供されます。 XML に加えて、XMLHttpRequest を使用して、JSON やプレーン テキストなどの他の形式でデータを取得することもできます。

次に、知っておく必要がある XMLHttpRequest のメソッドとプロパティをいくつか見てみましょう。

2. XMLHttpRequest メソッド

##1. abort(): 現在のリクエストをキャンセルします。

2. getAllResponseHeaders(): HTTP ヘッダーの完全なセットを文字列形式で返します。

3. getResponseHeader( headerName ): 指定された HTTP ヘッダーの値を返します。

4. open( メソッド, URL) open( メソッド, URL, 非同期 )
open( メソッド, URL, 非同期, ユーザー名 )
open( メソッド, URL, async、userName、password )

リクエスト メソッド、URL、およびその他のオプションの属性を指定します。

メソッドパラメータには、「GET」、「POST」、または「HEAD」の値を指定できます。 「PUT」や「DELETE」(主に REST アプリケーションで使用される)などの他の HTTP メソッドも可能です。
「async」パラメータは、リクエストを非同期で処理するかどうかを指定します。 「true」は、send() メソッドの後に応答を待たずにスクリプト処理が続行されることを意味し、「false」は、スクリプトが応答を待ってからスクリプト処理を続行することを意味します。

5. send(content): リクエストを送信します。

6. setRequestHeader(label, value): 送信する HTTP ヘッダーにラベルと値のペアを追加します。

3. XMLHttpRequest 属性

##1. onreadystatechange:

イベント ハンドラー プロシージャ状態変化ごとにイベントをトリガーします。

2.readyState:

readyState 属性は、XMLHttpRequest オブジェクトの現在の状態を定義します。

次の表は、readyState 属性の可能な値のリストです。

Ajax の XMLHttpRequest とは何ですか? XMLHttpRequest の簡単な紹介readyState = 0: XMLHttpRequest オブジェクトが作成された後であることを示しますが、 open() メソッドが呼び出される前。

readyState = 1: open() メソッドを呼び出した後、send() を呼び出す前を示します。

readyState = 2: send() の呼び出し後を示します。

readyState = 3: ブラウザがサーバーとの通信を確立した後、サーバーが応答を完了する前であることを示します。

readyState = 4: リクエストの完了後、サーバーから応答データを完全に受信したことを示します。

3. responseText

応答を文字列形式で返します。

4. responseXML

応答を XML 形式で返します。このプロパティは、W3C DOM ノード ツリーのメソッドとプロパティを使用して検査および解析できる XML ドキュメント オブジェクトを返します。 。

5, status

ステータスを数値で返します (たとえば、404 は「見つからない」を意味し、200 は「OK」を意味します)。


6, statusText


ステータスを文字列として返します (たとえば、「見つかりません」または「OK」)。


要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がAjax の XMLHttpRequest とは何ですか? XMLHttpRequest の簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。