日: 2023年12月15日

Javascript Fetch API を使う (GET)

投稿日: 投稿者:

最近使い始めました。

こことここで教えて頂きました。

最近まで、JQueryのAjaxから自サイトのPHPにリクエストして取得するのが普通でしたが、APIにキーが必要ない場合、隠蔽するものがないので、PHPを介する必要なしなので便利で少ないコードで済むのがメリットかと思います。

次はPOSTを試してみます。

< コード例 >


      // PlaneSpotter写真問い合わせ //
      const url = "https://api.planespotters.net/pub/photos/hex/" + acmodeS

      // fetch API //
      fetch(url)
              .then((data) => data.text())
              .then((res) => {
                console.log("-- PLANESPOTTERS")
                console.log(res)
                
                // 取得出来たら写真を表示 //
                if (res) {
                  const array = JSON.parse(res)["photos"][0]

                  $("#photo_bookside_img").attr("src", array["thumbnail_large"]["src"])
                  $("#photo_bookside_a").attr("href", array["link"])
                  $("#photo_bookside_figcap").text("@ " + array["photographer"])

                  $("#photo_bookside").show()
                }
                else {
                  $("#photo_bookside").hide()
                }

              })