如何使用 JavaScript 和 HTML 中的 async-await 在我的網頁上顯示來自 API 的隨機貓圖像?-PHP中文網路問答
如何使用 JavaScript 和 HTML 中的 async-await 在我的網頁上顯示來自 API 的隨機貓圖像?
P粉617237727
P粉617237727 2023-09-04 15:22:47
0
1
471

我正在編寫一個程序,該程序從 API 呼叫以獲取隨機的貓圖像。我希望能夠在我的網頁上顯示該圖像,而不僅僅是在控制台中顯示網址。

//這是我的 html(這確實很基本,但我只想讓輸出正常工作)

     Cat Gif 

This is a random image of a cat!

//這是我的 JavaScript

let container = document.querySelector(".container"); async function apiFunction() { await fetch("https://api.thecatapi.com/v1/images/search") .then(res => res.json()) .then((result) => { //items = result; let img = document.createElement("img"); img.src = result[0].url; container.appendChild(img); }), (error) => { console.log(error); } }

P粉617237727
P粉617237727

全部回覆 (1)
P粉001206492

您沒有呼叫您定義的函數。

     Cat Gif 

This is a random image of a cat!

    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!