素肌にサスペンダー

個人的な備忘と日記

Pure JSでREST APIの取得方法

webアプリでREST API操作する場合、大体のプロジェクトでaxiosがインストールされていて、webサイト制作だとjQueryがインストールされていて、$.ajax〜で書いていた。

Pure JS(フレームワークなし)での書き方はいつもググっていたので、メモしておく。

var request = new XMLHttpRequest();
var url = 'APIのURLを入れる';

request.open('GET', url);
request.responseType = 'json';
request.onload = function () {
  var data = this.response;
  console.log(data);
};
request.setRequestHeader( 'Content-type', 'application/json' );
request.send();