foxcode

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

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

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

参考

関連記事