TypeScript:
Skicka en http-förfrågan
How to:
I TypeScript använder vi ofta ‘fetch’-API:et för att skicka HTTP-förfrågningar. Här är ett exempel:
async function fetchData(url: string): Promise<void> {
try {
const response = await fetch(url);
const data = await response.json();
console.log(data);
} catch (error) {
console.error('An error occurred:', error);
}
}
const url = 'https://api.example.com/data';
fetchData(url);
Förväntad utskrift kan vara JSON-datadump från servern eller felmeddelande.
Deep Dive
HTTP-begäran är ryggraden i webbkommunikation sedan HTTP-protokollet skapades 1991. Det finns alternativ till fetch
, som XMLHttpRequest
(äldre, mindre användarvänlig) eller bibliotek som Axios
(mer kraftfulla, men ytterligare beroende). När du implementerar en HTTP-begäran, hantera asynkronitet noggrant (med async/await eller Promises) och felsökning för att säkerställa applikationens stabilitet.
See Also
- MDN Web Docs om
fetch()
: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch - Axios GitHub-sida: https://github.com/axios/axios
- Stack Overflow för TypeScript-frågor: https://stackoverflow.com/questions/tagged/typescript