XMLHttpRequest インターフェイス

　XMLHttpRequest インターフェイスは、webページとは非同期にサーバーとの通信を可能にするプロパティとメソッド、イベントが定義されたインターフェイスです。

　webページのロードとは非同期にサーバーと通信する方法を AJAX プログラミングと呼びます。

　＊ローカルファイルによるwebページ表示、file:///home/username/といったURLによる表示では XMLHttpRequest は機能しません。web サーバーとの通信時に機能します。

XMLHttpRequest の使い方

　XMLHttpRequest による非同期通信のプログラミングは以下のような手順で行います。

• XMLHttpRequest インスタンスを生成
• ↓
• onreadystatechange イベントハンドラーなどで通信が確立された場合の処理を定義しておく
• （その他のイベントハンドラーで状況に応じたエラー処理などを定義しておく）
• ↓
• open() で POST または GET とサーバーの URL を指定し、サーバーとの通信の開始を実行
• ↓
• send() でリクエストを送信

// XMLHttpRequest インスタンスの生成
const xhr_ = new XMLHttpRequest();

// 通信が状態をチェック
xhr_.onreadystatechange = function() {
	// ダウンロードまで完了したか
	if( xhr_.readyState === 4 && xhr_.status === 200) {
		// テキストファイルの内容を取得
		console.log( this.responseText );
	}
}

// 通信を接続
xhr_.open('get', './example.txt');

// リクエストを送信
xhr_.send();

　非同期に通信とは、webページのリクエストからレスポンスといった一連の通信とは同期していないことをいいます。 webページは、リクエストごとにページを表示するという一連の流れのみを想定しています。webサーバーが１回のリクエストに１度だけレスポンスを返すという想定です。
　しかし、AJAX を使うと読み込みが終わったページからリクエストを複数回サーバーに送ることができ、ページの一部だけを更新することもできます。 サーバー側の設定によっては、サーバー側からクライアントにリクエストを送ることもできます。

コンストラクター(Constructor)

　XMLHttpRequest オブジェクトを生成します（正確にはインスタンス、オブジェクスはインスタントも含む広義）。 非同期通信を始めるには必ずこのオブジェクトが必要になります。以下のように XMLHttpRequest オブジェクトを生成してください。

const request_ = new XMLHttpRequest();

引数

なし

返り値

XMLHttpRequest インスタンス

　XMLHttpRequest をインスタンス化することをクライアントを作成するといったりします。

　XMLHttpRequest をインスタンス化することがしっくりきません。 しかし、webページはHTMLページテキストといったソースを読み込んだところで既に自動でオブジェクト化されているのです。
　改めて非同期通信の機能を追加するためには XMLHttpRequest のインスタンス化が必要ということです。