JavaScript:
Skicka en http-förfrågan

How to:

Använd fetch för att skicka en enkel GET-begäran:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

För att posta data, ange metoden och kroppen:

fetch('https://api.example.com/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    user: 'example',
    password: 'säker'
  }),
})
.then(response => response.json())
.then(data => console.log('Success:', data))
.catch(error => console.error('Error:', error));

Sample output:

Success: { user: 'example', status: 'logged in' }

Deep Dive

Förr använde vi XMLHttpRequest men det var krångligare. fetch kom med HTML5 och är nu standarden. Den returnerar Promises, vilket förenklar asynkron kod.

Om fetch inte räcker finns bibliotek som axios eller mer komplexa lösningar som GraphQL.

I några fall behöver du hantera CORS-policyer eller använda prestanda-tips som HTTP/2-förpushning. Lär känna dessa scenarier för att bli effektivare.

See Also

• MDN Web Docs om fetch: MDN fetch documentation
• Information om XMLHttpRequest: MDN XMLHttpRequest
• axios GitHub repo: Axios on GitHub