Vi gick igenom lösningsförslag på workshopen från i tisdags och därefter pratade vi om synkron vs asynkron kod, vad som är skillanden och hur vi kan skriva asynkron kod i JavaScript.
Därefter gick vi igenom de olika delarna som utgör en HTTP Request och dess svar (HTTP Response), samt de olika delarna som en URL består av.
Slutligen testade vi att skicka en asynkron HTTP-förfrågan via JavaScript med hjälp av XMLHttpRequest-objektet och lyssnade efter när svar kom tillbaka, och därefter tolkade om svaret till ett JSON-objekt.
Synchronous vs asynchronous code
Anatomy of a URL
Länkar
JSONPlaceholder API
https://jsonplaceholder.typicode.com/
XMLHttpRequest (MDN)
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
XMLHttpRequest.readyState
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readyState
Till nästa lektion
Kolla på video 86-90 från kapitel 12 i Udemy-kursen Modern JavaScript (from Novice to Ninja):
- 86. What is Asynchronous JavaScript? [6 min]
- 87. Async Code in Action [3 min]
- 88. What are HTTP Requests? [4 min]
- 89. Making HTTP Requests (XHR) [7 min]
- 90. Response Status [6 min]