【JavaScript】AJAX(非同期通信)の使い方

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を開く
  • リクエストを送信する

参考

目次