XMLHttpRequestオブジェクト_
XMLHttpRequestオブジェクトを使用すると、ページ全体をリロードすることなく、Webページの一部を更新できます。
自分で試してみてください-例
を作成し、TXTファイルからデータを取得します。
取得します
リソース(ファイル)のヘッダー情報を取得します。
取得するリソース(ファイル)の特定のヘッダー情報を取得します。
するユーザーが入力フィールドに文字を入力しているときに、WebページがWebサーバーと通信する方法。
するWebページがXMLHttpRequestオブジェクトを使用してデータベースから情報を取得する方法。
取得するXMLHttpRequestを作成して、XMLファイルからデータを取得し、そのデータをHTMLテーブルに表示します。
XMLHttpRequestオブジェクト
XMLHttpRequestオブジェクトは、舞台裏でサーバーとデータを交換するために使用されます。
XMLHttpRequestオブジェクトは、次のことができるため、開発者の夢です。
- ページをリロードせずにWebページを更新する
- ページの読み込み後にサーバーにデータをリクエストする
- ページの読み込み後にサーバーからデータを受信する
- バックグラウンドでサーバーにデータを送信する
XMLHttpRequestオブジェクトメソッド
Method | Description |
---|---|
abort() | Cancels the current request |
getAllResponseHeaders() | Returns header information |
getResponseHeader() | Returns specific header information |
open(method,url,async,uname,pswd) | Specifies the type of request, the URL, if the request should be handled asynchronously or not, and other optional attributes of a request
method: the type of request: GET or POST url: the location of the file on the server async: true (asynchronous) or false (synchronous) |
send(string) | send(string) Sends the request off to the server. string: Only used for POST requests |
setRequestHeader() | Adds a label/value pair to the header to be sent |
XMLHttpRequestオブジェクトのプロパティ
Property | Description |
---|---|
onreadystatechange | Stores a function (or the name of a function) to be called automatically each time the readyState property changes |
readyState | Holds the status of the XMLHttpRequest. Changes from 0 to 4: 0: request not initialized 1: server connection established 2: request received 3: processing request 4: request finished and response is ready |
responseText | Returns the response data as a string |
responseXML | Returns the response data as XML data |
status | Returns the status-number (e.g. "404" for "Not Found" or "200" for "OK") |
statusText | Returns the status-text (e.g. "Not Found" or "OK") |