- XMLHttpRequestオブジェクトの生成と初期化:
var xhr = new XMLHttpRequest();
- リクエストの設定:
xhr.open('GET', 'http://example.com/data', true); // GETメソッドでURLを指定
xhr.setRequestHeader('Content-Type', 'application/json'); // ヘッダーの設定
- レスポンスの受け取り:
xhr.onload = function() {
if (xhr.status === 200) { // レスポンスのステータスコードが成功(200)の場合
var response = xhr.responseText; // レスポンスデータの取得
console.log(response);
}
};
4. リクエストの送信:
```javascript
xhr.send();
これらは基本的なXMLHttpRequestの使用方法です。他にも、POSTリクエストやイベントハンドラの追加など、さまざまな機能を活用することができます。
以上が、JavaScriptでXMLHttpRequestを取得する方法の基本的な説明とコード例です。これにより、サーバーとのデータの非同期通信が可能になります。