【JavaScript】AJAX（非同期通信）の使い方

2026年5月16日

JavaScriptでAJAX（非同期通信）の使うには、JavaScript APIの1つであるXHR (XMLHttpRequest)を利用します。

function reqListener() {
  console.log(this.responseText);
}

const req = new XMLHttpRequest(); // オブジェクトの作成
req.addEventListener("load", reqListener); // 完了したら呼ばれる
req.open("GET", "http://www.example.org/example.txt"); // URLを開く
req.send(); // リクエストの送信

XMLHttpRequestの使い方

XMLHttpRequestオブジェクトを作成
URLを開く
リクエストを送信する

参考

独学でプログラミングを学習している方で、エラーなどが発生して効率よく勉強ができないと悩む方は多いはず。Udemyは、プロの講師が動画で実際のプログラムを動かしながら教えてくれるオンライン講座です。講座の価格は、セール期間中には専門書籍を1冊買うよりも安く済むことが多いです。新しく学びたいプログラミング言語がある方は、ぜひUdemyでオンライン講座を探してみてください。

【JavaScript】AJAX（非同期通信）の使い方

関連記事