Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken
Aufgabe
Eine detaillierte Anzeige von Hunderasseninformationen erstellen. Nach dem Abrufen der Rassendaten von der API werden der Name, die Beschreibung, die Lebenserwartung, die Gewichtsbereiche für Männchen und Weibchen sowie der hypoallergene Status jeder Rasse angezeigt.
- Axios verwenden, um Daten von
https://dogapi.dog/api/v2/breedsabzurufen, wenn die Schaltfläche "Fetch Breeds" angeklickt wird. Die Anfrage in einen try-catch-Block einbetten. - Bei einem Fehler während der API-Anfrage den Ladeindikator ausblenden und eine Fehlermeldung anzeigen.
index.html
index.css
index.js
axios.get('https://dogapi.dog/api/v2/breeds')verwenden, um Daten von der API abzurufen;- Im
catch-Block den Fehler behandeln.
index.html
index.css
index.js
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you show me how to structure the API response data for display?
What should the error message look like when the API request fails?
How do I display the loading indicator while fetching data?
Awesome!
Completion rate improved to 2.22Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken
Swipe um das Menü anzuzeigen
Aufgabe
Eine detaillierte Anzeige von Hunderasseninformationen erstellen. Nach dem Abrufen der Rassendaten von der API werden der Name, die Beschreibung, die Lebenserwartung, die Gewichtsbereiche für Männchen und Weibchen sowie der hypoallergene Status jeder Rasse angezeigt.
- Axios verwenden, um Daten von
https://dogapi.dog/api/v2/breedsabzurufen, wenn die Schaltfläche "Fetch Breeds" angeklickt wird. Die Anfrage in einen try-catch-Block einbetten. - Bei einem Fehler während der API-Anfrage den Ladeindikator ausblenden und eine Fehlermeldung anzeigen.
index.html
index.css
index.js
axios.get('https://dogapi.dog/api/v2/breeds')verwenden, um Daten von der API abzurufen;- Im
catch-Block den Fehler behandeln.
index.html
index.css
index.js
Danke für Ihr Feedback!
