【脱jQuery】JavaScriptだけでAJAX通信を行う
概要
脱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);