JavaScript:
HTTP-pyynnön lähettäminen

How to: (Kuinka:)

Käytetään esimerkkinä Fetch API:

// Lähetetään GET-pyyntö
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Haku epäonnistui:', error));

// Lähetetään POST-pyyntö
fetch('https://api.example.com/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ name: 'Esimerkki' })
})
.then(response => response.json())
.then(data => console.log('Vastaus:', data))
.catch(error => console.error('Lähetys epäonnistui:', error));

Tuloste GET-pyynnölle:

{ "name": "Esimerkki", "id": "123" }

Tuloste POST-pyynnölle:

{ "status": "success", "message": "Data lähetetty" }

Deep Dive (Sukellus syvyyksiin):

Alkuun HTTP-pyynnöt tehtiin XMLHttpRequest-objektin avulla, joka oli joskus monimutkainen. Fetch API on moderni, lupauksiin (promises) perustuva vaihtoehto, joka tarjoaa selkeämmän ja joustavamman tavan tehdä verkkopyyntöjä. Vaikka Fetch on nykyään standardi, vanhoja projekteja tai selaimia varten on joskus tarve käyttää polyfillejä tai XMLHttpRequestia.

HTTP-pyynnöt voivat käyttää useita metodeja, kuten GET, POST, PUT ja DELETE, riippuen toiminnasta, jota yritetään suorittaa. Käyttöoikeuksista (CORS) huolehtiminen on myös olennaista, kun lähetetään pyyntöjä eri alkuperien välillä.

See Also (Lisäksi):

• MDN Web Docs Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
• XMLHttpRequest (vanhempi tapa): https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
• HTTP-pyyntömetodit: https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods
• CORS (Cross-Origin Resource Sharing): https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS