【脱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);
[商品価格に関しましては、リンクが作成された時点と現時点で情報が変更されている場合がございます。]

【ふるさと納税】BUFFALO/バッファロー ポータブルSSD TypeA&am...
価格:44,000円(税込、送料無料) (2023/5/26時点)


【1つ新しい記事】

【1つ古い記事】

コメントを残す

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