Vi gjorde en funktion av vår Request-kompis och tittade på hur vi kan kalla på den många gånger, och hur vi istället för att låsa den i hur den ska hantera svaret så kan den istället kalla på en funktion som vi ger den som en parameter.
Därefter gjorde vi den nya Request-funktionen mer generisk, dels så att vi kan återanvända den för flera olika requests, och dels för att separera ansvar till olika delar. Allt för att vi ska kunna skriva ren, buggfri kod och slippa upprepa oss.
Workshop
Skriv om koden från igår utifrån vad vi har gått igenom idag. Gör en request till pets/pets.json och först när vi har fått ett svar så skicka iväg en request per URL i svaret. Skriv ut en rubrik + en lista till DOM med namn och ålder på varje pet när respektive sub-request har svarat.
Koden ska fungera oavsett hur många objekt som finns i pets/pets.json, och du ska testa detta genom att lägga in
{ "title": "Birds", "url": "pets/birds.json" },
i pets/pets.json och det ska visas en ny lista med fåglar utan någon ändring av din JavaScript-kod.
Till nästa lektion
Gör workshopen ovan och visa mig ditt resultat. Kolla också på video 91-93 från kapitel 12 i Udemy-kursen Modern JavaScript (from Novice to Ninja):
- 91. Callback Functions [8 min]
- 92. JSON Data [7 min]
- 93. Callback Hell [5 min]