AJAX - XMLHttpRequest オブジェクト

XMLHttpRequestオブジェクトは、サーバーとデータの交換に使用されます。

XMLHttpRequestオブジェクト

すべての現代のブラウザ（Chrome、Firefox、IE7 +（Edge、Safari、Opera）は、組み込みのXMLHttpRequestオブジェクトを持ちます。

XMLHttpRequestは、バックグラウンドのWebサーバーとデータの交換を通じて、ページのアシストンアップデートを許可します。

ページ全体をリフレッシュしなくても、URLからデータを取得できます。

これにより、ユーザーの操作を中断せずにページの一部を更新することができます。

XMLHttpRequestオブジェクトの作成

クライアントとサーバー間でAJAX通信を実行する前に、まずXMLHttpRequestオブジェクトを例示する必要があります。以下のようになります：

構文：

var request = new XMLHttpRequest();

var httpRequest = new XMLHttpRequest();

クロスサイトXMLHttpRequest

セキュリティの理由から、現代のブラウザはクロスドメインアクセスを許可していません。

これは、そのウェブページ及び、それが読み込もうとしているリクエストファイルが同じサーバー上に存在する必要があることを意味します。

oldtoolbag.com上の例は、oldtoolbag.comドメイン内のすべてのオープンリクエストファイル。

上記の例を自分のウェブページの一部に使用する場合、リクエストのファイルは自分のサーバー上に存在する必要があります。

古いブラウザ（IEに適用） 6及以前のバージョン）

Internet Explorerの旧バージョン（6及以前のバージョン（IE及以前のバージョン）は、ActiveXオブジェクトを使用してXMLHttpRequestオブジェクトを使用しておりません。

構文：

var request = new ActiveXObject("Microsoft.XMLHTTP");

IEの古いバージョンを処理するには6及以前のバージョン、ブラウザがXMLHttpRequestオブジェクトをサポートしているか確認してください。それができない場合は、ActiveXオブジェクトを作成してください：

var httpRequest;
if (window.XMLHttpRequest) {
　　　　//　現在主流のブラウザ（Chrome、Mozilla、Safari、IE7+, ...)
　　　　httpRequest = new XMLHttpRequest();
else if (window.ActiveXObject) {
　　　　//　<=　IE　6　または古いIEバージョン
　　　　httpRequest　=　new　ActiveXObject("Microsoft.XMLHTTP");
}

XMLHttpRequestオブジェクト属性

以下のテーブルには、XMLHttpRequestオブジェクトのすべての属性が示されています：

XMLHttpRequestオブジェクトメソッド

以下のテーブルには、XMLHttpRequestオブジェクトのすべてのメソッドが示されています：