Bøker
TypeScript
Kapittel 11. HTML og nettet
Å sende en HTTP-forespørsel

TypeScript:
Å sende en HTTP-forespørsel

How to (Slik Gjør Du)

For å sende en HTTP-forespørsel i TypeScript, kan du bruke den innebygde fetch-funksjonen eller et bibliotek som Axios. Her er et eksempel med fetch:

async function hentData(url: string): Promise<void> {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Noe gikk galt med forespørselen', error);
  }
}

// Bruk funksjonen
hentData('https://api.dittnettsted.com/data');

Output:

{ "nøkkel": "verdi", ... }

Eller med Axios:

import axios from 'axios';

async function hentDataAxios(url: string): Promise<void> {
  try {
    const response = await axios.get(url);
    console.log(response.data);
  } catch (error) {
    console.error('Noe gikk galt med Axios-forespørselen', error);
  }
}

// Bruk funksjonen
hentDataAxios('https://api.dittnettsted.com/data');

Output:

{ "nøkkel": "verdi", ... }

Deep Dive (Dypdykk)

HTTP-forespørsler har vært med oss siden internettets barndom og er grunnlaget for web-kommunikasjon. Opprinnelig ble de håndtert med XMLHttpRequest i JavaScript, men er nå ofte erstattet av fetch-funksjonen på grunn av dens enklere syntaks og lovnadsbaserte operasjoner.

Alternativer som Axios er populære fordi de gir mer funksjonalitet, som automatisk transformasjon av JSON-data, og håndtering av forespørsel- og responsinterceptors. Axios fungerer i både nettleseren og med Node.js, noe som gir konsistent oppførsel på tvers av miljøer.

Implementasjonsdetaljer varierer mellom klienter, men konseptet forblir det samme: du setter opp en HTTP-forespørsel med nødvendige headers og body, sender den til en server og håndterer responsen.

See Also (Se Også)

Analysering av HTMLÅ sende en HTTP-forespørsel med grunnleggende autentisering