最新のWeb開発のチュートリアル
 

XMLHttpRequestオブジェクト


XMLHttpRequestオブジェクトを使用すると、ページ全体をリロードすることなく、ウェブページの一部を更新することができます。


それを自分で試してみてください - 例

簡単なXMLHttpRequestの例
単純にXMLHttpRequestを作成し、TXTファイルからデータを取得します。

ヘッダ情報を取得しgetAllResponseHeaders()
リソースのヘッダ情報を取得する(file)

で特定のヘッダー情報を取得するgetResponseHeader()
リソースの特定のヘッダ情報取得(file)

ASPファイルの内容を取得します
どのようにWebページには、入力フィールドにユーザタイプの文字間にWebサーバと通信することができます。

データベースからコンテンツを取得
どのようにWebページには、XMLHttpRequestオブジェクトを使用してデータベースから情報を取り出すことができます。

XMLファイルの内容を取得します
XMLファイルからデータを取得し、HTMLテーブル内のデータを表示するためにXMLHttpRequestを作成します。


XMLHttpRequestオブジェクト

XMLHttpRequestオブジェクトの背後のサーバとデータを交換するために使用されます。

XMLHttpRequestオブジェクトは、 the developers dreamのことができますので、:

  • ページをリロードせずにWebページを更新します
  • ページが読み込まれた後、サーバーからの要求データ
  • ページが読み込まれた後、サーバーからデータを受信
  • バックグラウンドでデータをサーバに送信します

XMLHttpRequestオブジェクトのメソッド

方法 説明
abort() 現在のリクエストをキャンセル
getAllResponseHeaders() 戻り値は、ヘッダ情報
getResponseHeader() 特定のヘッダー情報を返します。
open(method,url,async,uname,pswd) 要求が非同期かどう扱われるべき場合には、要求のタイプ、URLを指定して、要求の他のオプション属性

方法:要求のタイプ:GETまたはPOST
URL:サーバ上のファイルの場所
非同期:真(asynchronous)またはfalse (synchronous)
send(string) サーバーへのオフ要求を送信(文字列)を送ります。

文字列:POSTリクエストのためにのみ使用
setRequestHeader() 送信するヘッダにラベル/値のペアを追加します。

XMLHttpRequestオブジェクトのプロパティ

プロパティ 説明
onreadystatechange 店舗の関数(or the name of a function)毎回のreadyStateプロパティの変更に自動的に呼び出されます
readyState XMLHttpRequestのステータスを保持します。 0から4への変更:
0:要求が初期化されていません
1:サーバ接続が確立します
2:受信した要求
3:処理要求
4:完成した要求と応答の準備ができて
responseText 文字列として応答データを返します。
responseXML XMLデータとして応答データを返します。
status (例えば、ステータス番号を返します"404"のために"Not Found"または"200" 「OK」の場合)
statusText (例えばステータステキストを返します"Not Found"または「OK」)