【脱jQuery】JavaScriptだけでAJAX通信を行う

概要
jQuery
JavaScript

概要

脱jQueryのためのメモ。

Fetch APIを使うとXMLHttpRequestよりも簡単に処理を記述することができる。ただし、IEは非対応であるため、polyfillを使ってトランスパイルする必要がある。
polyfillにはnpmのwhatwg-fetchパッケージを使う。

jQuery

$('#hoge').load(url, completeCallback);

JavaScript

fetch(url)
  .then(response => response.text())
  .then(response => {
    document.querySelector('#hoge').innerHTML = response
  })
  .then(completeCallback);