JavaScript – スニペット:一番単純なAjaxのGETリクエスト

はじめに

JavaScriptからWebAPIを呼び出す機会が増えました。
いつも同じようなことを調べるので、個人的な備忘録として記録しておきます。

JvaScript-Ajaxスニペット

const url = "https://xxx/yyy";
let response = await fetch(url);
if (response.ok) {
  let json = await response.json();
  console.log(json);
} else {
  console.log("NG");
}

※WebAPIサーバはCORS対応されていることが前提です。

サンプルソース

<html>

<script>
  async function ajaxTest() {
    const url = "https://api.github.com/users/<githubユーザID>";
    let response = await fetch(url);
    console.log(response);
    if (response.ok) {
      const json = await response.json();
      document.getElementById("jsonStr").innerText = JSON.stringify(json);
    } else {
      console.log("NG");
    }
  }
  ajaxTest();
</script>

<body>
  <div id="jsonStr"></div>
</body>

</html>

参考

https://ja.javascript.info/fetch

コメントを残す

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