如何使用 JavaScript 和 HTML 中的 async-await 在我的网页上显示来自 API 的随机猫图像?-PHP中文网问答
如何使用 JavaScript 和 HTML 中的 async-await 在我的网页上显示来自 API 的随机猫图像?
P粉617237727
P粉617237727 2023-09-04 15:22:47
0
1
475

我正在编写一个程序,该程序从 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学习者快速成长!