【脱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);

【1つ新しい記事】

【1つ古い記事】

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です