Muunna curl kielelle JavaScript

Fetch API on moderni, lupauksiin (promise) perustuva rajapinta HTTP-pyyntöjen tekemiseen, ja se on sisäänrakennettu kaikkiin selaimiin. Se korvaa vanhemman XMLHttpRequest-rajapinnan selkeämmällä ja tehokkaammalla API:lla. Fetch tukee striimausta, pyyntö/vastaus-olioita, CORS-käytäntöjä ja integroituu luontevasti async/await-rakenteeseen. Asennusta ei tarvita — se on käytettävissä globaalisti. curl2code käyttää Fetchiä oletustulosteena JavaScript-muunnoksissa.

Fetch on moderni standardi — käytä sitä uusissa projekteissa. XMLHttpRequest on vanhentunut mutta toimii edelleen kaikkialla ja tukee edistymistapahtumia natiivisti. jQuery.ajax tuo mukavuutta, jos jQuery on jo käytössä projektissasi. Palvelinpuolen JavaScriptille katso curl to Node.js -muunnin. Tyyppiturvallisuutta varten kokeile curl to TypeScript -muunninta.

Välitä Authorization-otsake headers-valinnassa: fetch(url, { headers: { "Authorization": "Bearer token" } }). Basic-tunnistautumista varten koodaa tunnukset komennolla btoa(user + ':' + pass). curl2code tunnistaa -u- ja -H 'Authorization: ...' -liput automaattisesti.

Luo FormData-olio ja välitä se runkona (body): fetch(url, { method: "POST", body: formData }). Älä aseta Content-Type-otsaketta manuaalisesti — selain lisää multipart-rajan automaattisesti. curl2code muuntaa -F-liput FormData-muotoon.

Fetch hylkää (reject) pyynnön vain verkkovirheissä, ei HTTP-virheissä. Tarkista aina response.ok tai response.status ennen rungon lukemista. Kääri kutsut try/catch-lohkoon async/await-rakenteen kanssa käsitelläksesi sekä verkko- että jäsennysvirheet yhdessä paikassa.

Fetch palauttaa Promisen, joten käytä const response = await fetch(url) ja sen jälkeen const data = await response.json(). Kääri try/catch-lohkoon virheiden hallintaa varten. Tämä on siistimpää kuin .then()-ketjut ja on suositeltu tapa modernissa JavaScriptissä.

Käytä AbortController-oliota: luo ohjain, välitä { signal: controller.signal } fetch-kutsulle ja kutsu controller.abort() viiveen jälkeen setTimeout-funktiolla. Modernit selaimet tukevat myös AbortSignal.timeout(5000) -metodia yksinkertaisena vaihtoehtona. curlin --max-time vastaa tätä mallia.

Selain valvoo CORS-käytäntöjä, ei Fetch itse. Aseta mode: 'cors' (oletus) ja varmista, että palvelin lähettää asianmukaiset Access-Control-Allow-Origin-otsakkeet. Tunnistetietoja (evästeitä) varten lisää credentials: 'include'. CORS ei koske palvelinpuolen koodia — sitä varten katso curl to Node.js -muunnin.

Muunna curl POST -komento kuten curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL JavaScript-koodiksi curl2code-työkalulla. Luotu koodi käyttää fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code tunnistaa automaattisesti -d/--data-liput JSON-sisällöllä ja asettaa oikean Content-Type-otsikon fetch-koodiin.

Syötä curl -H "Authorization: Bearer YOUR_TOKEN" URL curl2code-työkaluun, ja se luo fetch-koodin valtuutusotsikolla: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code tunnistaa Bearer-tokenit sekä -H "Authorization: Bearer ..."- että --oauth2-bearer-lipuista. Käytä Basic auth -valtuutukseen -u user:pass.

curl2code muuntaa curl -H "Content-Type: application/json" URL fetch-koodiksi oikealla otsikolla: headers: { 'Content-Type': 'application/json' }. -d-datalle curl käyttää oletuksena application/x-www-form-urlencoded; -F-lomakelatauksille se käyttää multipart/form-data. curl2code yhdistää kunkin oikeaan fetch API -kutsuun.