Bagaimanakah cara saya memaparkan imej kucing rawak daripada API pada halaman web saya menggunakan async-await dalam JavaScript dan HTML?-Soal Jawab Rangkaian PHP Cina
Bagaimanakah cara saya memaparkan imej kucing rawak daripada API pada halaman web saya menggunakan async-await dalam JavaScript dan HTML?
P粉617237727
P粉617237727 2023-09-04 15:22:47
0
1
465

Saya sedang menulis program yang membuat panggilan daripada API untuk mendapatkan imej kucing rawak. Saya mahu dapat memaparkan imej pada halaman web saya, bukan hanya url dalam konsol.

//Ini adalah html saya (ini benar-benar asas tetapi saya hanya mahu output berfungsi)

     Gif Kucing 

Ini ialah imej rawak kucing!

//Ini JavaScript saya

let container = document.querySelector(".container"); fungsi tak segerak apiFunction() { tunggu pengambilan("https://api.thecatapi.com/v1/images/search") .then(res => res.json()) .then((hasil) => { //item = hasil; biarkan img = document.createElement("img"); img.src = hasil [0].url; container.appendChild(img); }), (ralat) => console.log(error); } }

P粉617237727
P粉617237727

membalas semua (1)
P粉001206492

Anda tidak memanggil fungsi yang anda tetapkan.

     Cat Gif 

This is a random image of a cat!

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!