Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken
Aufgabe
Sie erstellen eine detaillierte Anzeige von Rasseinformationen. Nachdem Sie die Rassendaten von der API abgerufen haben, zeigen Sie den Namen, die Beschreibung, die Lebensdauer, die Gewichtsbereiche für Männchen und Weibchen sowie den hypoallergenen Status jeder Rasse an.
- Verwenden Sie Axios, um Daten von
https://dogapi.dog/api/v2/breeds
abzurufen, wenn die Schaltfläche "Rassen abrufen" geklickt wird, und verpacken Sie die Anfrage in einem try-catch-Block. - Wenn während der API-Anfrage ein Fehler auftritt, blenden Sie den Ladeindikator aus und zeigen Sie eine Fehlermeldung an.
index.html
index.css
index.js
- Verwenden Sie
axios.get('https://dogapi.dog/api/v2/breeds')
, um Daten von der API abzurufen; - Behandeln Sie den Fehler im
catch
-Block.
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
Awesome!
Completion rate improved to 2.22
Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken
Swipe um das Menü anzuzeigen
Aufgabe
Sie erstellen eine detaillierte Anzeige von Rasseinformationen. Nachdem Sie die Rassendaten von der API abgerufen haben, zeigen Sie den Namen, die Beschreibung, die Lebensdauer, die Gewichtsbereiche für Männchen und Weibchen sowie den hypoallergenen Status jeder Rasse an.
- Verwenden Sie Axios, um Daten von
https://dogapi.dog/api/v2/breeds
abzurufen, wenn die Schaltfläche "Rassen abrufen" geklickt wird, und verpacken Sie die Anfrage in einem try-catch-Block. - Wenn während der API-Anfrage ein Fehler auftritt, blenden Sie den Ladeindikator aus und zeigen Sie eine Fehlermeldung an.
index.html
index.css
index.js
- Verwenden Sie
axios.get('https://dogapi.dog/api/v2/breeds')
, um Daten von der API abzurufen; - Behandeln Sie den Fehler im
catch
-Block.
index.html
index.css
index.js
Danke für Ihr Feedback!