【脱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);
![[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]](https://hbb.afl.rakuten.co.jp/hgb/327aecd4.76f7a7c2.327aecd6.63b09dea/?me_id=1377706&item_id=10000511&pc=https%3A%2F%2Fimage.rakuten.co.jp%2Ff232301-nisshin%2Fcabinet%2Fd_202106%2F52290402_01_web.jpg%3F_ex%3D300x300&s=300x300&t=picttext "[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]")
