Konvertujte curl u JavaScript

Q: Fetch naspram XMLHttpRequest naspram jQuery.ajax — koji treba da koristim?

Fetch je moderni standard — koristite ga za nove projekte. XMLHttpRequest je zastareo, ali i dalje radi svuda i izvorno podržava događaje napretka. jQuery.ajax dodaje pogodnost ako je jQuery već u vašem projektu. Za JavaScript na strani servera, pogledajte naš curl u Node.js konvertor. Za tipsku bezbednost, isprobajte curl u TypeScript.

Q: Kako upravljati autentifikacijom sa Fetch-om?

Prosledite Authorization zaglavlje u opciji headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Za Basic autentifikaciju, enkodirajte akreditive pomoću btoa(user + ':' + pass). curl2code automatski detektuje -u i -H 'Authorization: ...' flegove.

Q: Kako poslati multipart form podatke pomoću Fetch-a?

Kreirajte FormData objekat i prosledite ga kao telo: fetch(url, { method: "POST", body: formData }). Nemojte ručno postavljati Content-Type — pretraživač automatski dodaje multipart granicu. curl2code konvertuje -F flegove u FormData.

Q: Kako koristiti async/await sa Fetch-om?

Fetch vraća Promise, pa koristite const response = await fetch(url) praćeno sa const data = await response.json(). Obmotajte u try/catch blok za upravljanje greškama. Ovo je čistije od .then() lanaca i preporučeni je obrazac za moderni JavaScript.

Q: Kako podesiti tajmaut za Fetch zahteve?

Koristite AbortController: kreirajte kontroler, prosledite { signal: controller.signal } u fetch i pozovite controller.abort() nakon odlaganja pomoću setTimeout. Moderni pretraživači takođe podržavaju AbortSignal.timeout(5000) kao jednostavniju liniju koda. curl-ov --max-time se mapira na ovaj obrazac.

Q: Kako rešiti CORS probleme sa Fetch-om?

CORS sprovodi pretraživač, a ne sam Fetch. Postavite mode: 'cors' (podrazumevano) i uverite se da server šalje ispravna Access-Control-Allow-Origin zaglavlja. Za akreditive (kolačiće), dodajte credentials: 'include'. CORS se ne primenjuje na kod na strani servera — za to pogledajte naš curl u Node.js konvertor.

Q: Kako poslati POST zahtev sa JSON telom u JavaScript jeziku?

Konvertujte curl POST komandu kao što je curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL u JavaScript koristeći curl2code. Generisani kod koristi fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code automatski detektuje -d/--data flegove sa JSON sadržajem i postavlja odgovarajući Content-Type zaglavlje u fetch kodu.

Q: Kako dodati Bearer token autorizaciju u JavaScript jeziku?

Prosledite curl -H "Authorization: Bearer YOUR_TOKEN" URL u curl2code i on generiše fetch kod sa zaglavljem za autorizaciju: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code detektuje Bearer tokene iz -H "Authorization: Bearer ..." i --oauth2-bearer flegova. Za Basic auth, koristite -u user:pass.

curl2code konvertuje curl komande u JavaScript kod koristeći izvorni fetch API. Sve se izvršava lokalno u vašem veb pregledaču putem WebAssembly-a radi potpune privatnosti. Ako vam je potreban Node.js kod na strani servera, isprobajte naš curl u Node.js konvertor. Za tipsku bezbednost, pogledajte curl u TypeScript konvertor. Ispod su praktični primeri za uobičajene HTTP obrasce.

Kako kopirati curl iz vašeg pregledača

1
Otvorite DevTools
Pritisnite F12 ili Ctrl+Shift+I da biste otvorili razvojne alate pregledača.
2
Idite na karticu Network
Kliknite na karticu Network i izvršite radnju koja pokreće HTTP zahtev.
3
Kopirajte kao cURL
Desni klik na zahtev → Copy → Copy as cURL. Zatim ga nalepite iznad.

JavaScript primeri koda

1Jednostavan GET zahtev

curl komanda

curl https://api.example.com/users

JavaScript · fetch

fetch('https://api.example.com/users');

2POST sa JSON telom

curl komanda

curl -X POST https://api.example.com/users \
  -H "Content-Type: application/json" \
  -d '{"name":"John","email":"john@example.com"}'

JavaScript · fetch

fetch('https://api.example.com/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    'name': 'John',
    'email': 'john@example.com'
  })
});

3Zahtev sa Bearer tokenom

curl komanda

curl https://api.example.com/me \
  -H "Authorization: Bearer token123"

JavaScript · fetch

fetch('https://api.example.com/me', {
  headers: {
    'Authorization': 'Bearer token123'
  }
});

4Multipart otpremanje forme

curl komanda

curl -X POST https://api.example.com/upload \
  -F "file=@document.pdf" \
  -F "description=My file"

JavaScript · fetch

const form = new FormData();
form.append('file', File(['<data goes here>'], 'document.pdf'));
form.append('description', 'My file');

fetch('https://api.example.com/upload', {
  method: 'POST',
  body: form
});

5Prilagođena zaglavlja

curl komanda

curl https://api.example.com/data \
  -H "X-API-Key: abc123" \
  -H "Accept: application/json" \
  -H "X-Request-ID: req-456"

JavaScript · fetch

fetch('https://api.example.com/data', {
  headers: {
    'X-API-Key': 'abc123',
    'Accept': 'application/json',
    'X-Request-ID': 'req-456'
  }
});

Često postavljana pitanja

Šta je Fetch API?

Fetch API je moderan interfejs zasnovan na obećanjima ugrađen u sve pretraživače za pravljenje HTTP zahteva. Zamenjuje stariji XMLHttpRequest čistijim, moćnijim API-jem. Fetch podržava strimovanje, objekte zahteva/odgovora, CORS i prirodno se integriše sa async/await. Instalacija nije potrebna — dostupan je globalno. curl2code koristi Fetch kao podrazumevani izlaz za JavaScript konverzije.

Fetch naspram XMLHttpRequest naspram jQuery.ajax — koji treba da koristim?

Fetch je moderni standard — koristite ga za nove projekte. XMLHttpRequest je zastareo, ali i dalje radi svuda i izvorno podržava događaje napretka. jQuery.ajax dodaje pogodnost ako je jQuery već u vašem projektu. Za JavaScript na strani servera, pogledajte naš curl u Node.js konvertor. Za tipsku bezbednost, isprobajte curl u TypeScript.

Kako upravljati autentifikacijom sa Fetch-om?

Prosledite Authorization zaglavlje u opciji headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Za Basic autentifikaciju, enkodirajte akreditive pomoću btoa(user + ':' + pass). curl2code automatski detektuje -u i -H 'Authorization: ...' flegove.

Kako poslati multipart form podatke pomoću Fetch-a?

Kreirajte FormData objekat i prosledite ga kao telo: fetch(url, { method: "POST", body: formData }). Nemojte ručno postavljati Content-Type — pretraživač automatski dodaje multipart granicu. curl2code konvertuje -F flegove u FormData.

Kako upravljati greškama sa Fetch-om?

Fetch odbija obećanje samo kod mrežnih grešaka, ne i kod HTTP grešaka. Uvek proverite response.ok ili response.status pre čitanja tela. Obmotajte pozive u try/catch sa async/await da biste na jednom mestu obradili i mrežne greške i greške pri parsiranju.

Kako koristiti async/await sa Fetch-om?

Fetch vraća Promise, pa koristite const response = await fetch(url) praćeno sa const data = await response.json(). Obmotajte u try/catch blok za upravljanje greškama. Ovo je čistije od .then() lanaca i preporučeni je obrazac za moderni JavaScript.

Kako podesiti tajmaut za Fetch zahteve?

Koristite AbortController: kreirajte kontroler, prosledite { signal: controller.signal } u fetch i pozovite controller.abort() nakon odlaganja pomoću setTimeout. Moderni pretraživači takođe podržavaju AbortSignal.timeout(5000) kao jednostavniju liniju koda. curl-ov --max-time se mapira na ovaj obrazac.

Kako rešiti CORS probleme sa Fetch-om?

CORS sprovodi pretraživač, a ne sam Fetch. Postavite mode: 'cors' (podrazumevano) i uverite se da server šalje ispravna Access-Control-Allow-Origin zaglavlja. Za akreditive (kolačiće), dodajte credentials: 'include'. CORS se ne primenjuje na kod na strani servera — za to pogledajte naš curl u Node.js konvertor.

Kako poslati POST zahtev sa JSON telom u JavaScript jeziku?

Konvertujte curl POST komandu kao što je curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL u JavaScript koristeći curl2code. Generisani kod koristi fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code automatski detektuje -d/--data flegove sa JSON sadržajem i postavlja odgovarajući Content-Type zaglavlje u fetch kodu.

Kako dodati Bearer token autorizaciju u JavaScript jeziku?

Prosledite curl -H "Authorization: Bearer YOUR_TOKEN" URL u curl2code i on generiše fetch kod sa zaglavljem za autorizaciju: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code detektuje Bearer tokene iz -H "Authorization: Bearer ..." i --oauth2-bearer flegova. Za Basic auth, koristite -u user:pass.

Kako postaviti Content-Type zaglavlje u JavaScript jeziku?

curl2code konvertuje curl -H "Content-Type: application/json" URL u fetch kod sa ispravnim zaglavljem: headers: { 'Content-Type': 'application/json' }. Za -d podatke, curl podrazumevano koristi application/x-www-form-urlencoded; za -F otpremanje formi, koristi multipart/form-data. curl2code mapira svaki u odgovarajući fetch API.

Korisni linkovi

fetch dokumentacija

developer.mozilla.org

Referenca standardne biblioteke

developer.mozilla.org

curl man stranica

curl.se

Водичи за curl

curl кодови грешака

Пронађите било који излазни код curl — узроке, решења и савете за отклањање грешака.

Преузимање фајлова помоћу curl

Чувајте фајлове са -o, -O, пратите преусмеравања, наставите преузимања и још много тога.

SSL, TLS и прокси

Подесите сертификате, верзије TLS, HTTP/SOCKS проксије и прилагођени DNS.

Kako kopirati curl iz vašeg pregledača

JavaScript primeri koda

1Jednostavan GET zahtev

2POST sa JSON telom

3Zahtev sa Bearer tokenom

4Multipart otpremanje forme

5Prilagođena zaglavlja

Često postavljana pitanja

Korisni linkovi

Водичи за curl

Konvertujte curl u druge jezike

JavaScript primeri koda

1Jednostavan GET zahtev

2POST sa JSON telom

3Zahtev sa Bearer tokenom

4Multipart otpremanje forme

5Prilagođena zaglavlja