Převést curl do JavaScript
curl2code převádí curl příkazy na kód v JavaScriptu pomocí nativního fetch API. Vše běží lokálně ve vašem prohlížeči přes WebAssembly pro úplné soukromí. Pokud potřebujete kód pro Node.js na straně serveru, zkuste náš převodník curl do Node.js. Pro typovou bezpečnost se podívejte na převodník curl do TypeScriptu. Níže jsou praktické příklady pro běžné HTTP vzory.
Jak zkopírovat curl z prohlížeče
- 1
Otevřete DevTools
Stiskněte F12 nebo Ctrl+Shift+I pro otevření vývojářských nástrojů prohlížeče.
- 2
Přejděte na kartu Network
Klikněte na kartu Network a proveďte akci, která vyvolá HTTP požadavek.
- 3
Zkopírovat jako cURL
Klikněte pravým tlačítkem na požadavek → Copy → Copy as cURL. Poté jej vložte výše.
Často kladené dotazy
Co je Fetch API?
Fetch API je moderní rozhraní založené na promisech, které je integrováno ve všech prohlížečích pro provádění HTTP požadavků. Nahrazuje starší XMLHttpRequest čistším a výkonnějším API. Fetch podporuje streamování, objekty požadavků/odpovědí, CORS a přirozeně se integruje s async/await. Není nutná žádná instalace — je k dispozici globálně. curl2code používá Fetch jako výchozí výstup pro převody do JavaScriptu.
Fetch vs XMLHttpRequest vs jQuery.ajax — co mám použít?
Fetch je moderní standard — používejte ho pro nové projekty. XMLHttpRequest je zastaralý, ale stále funguje všude a nativně podporuje události o průběhu (progress events). jQuery.ajax přidává pohodlí, pokud již jQuery ve svém projektu máte. Pro JavaScript na straně serveru se podívejte na náš převodník curl do Node.js. Pro typovou bezpečnost zkuste curl do TypeScriptu.
Jak řešit autentizaci ve Fetch?
Předejte hlavičku Authorization v možnosti headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Pro autentizaci Basic zakódujte přihlašovací údaje pomocí btoa(user + ':' + pass). curl2code automaticky detekuje přepínače -u a -H 'Authorization: ...'.
Jak posílat multipart form data pomocí Fetch?
Vytvořte objekt FormData a předejte jej jako tělo: fetch(url, { method: "POST", body: formData }). Nenastavujte Content-Type ručně — prohlížeč automaticky přidá multipart boundary. curl2code převádí přepínače -F na FormData.
Jak řešit chyby ve Fetch?
Fetch selže (reject) pouze při selhání sítě, nikoli při HTTP chybách. Před čtením těla odpovědi vždy zkontrolujte response.ok nebo response.status. Zabalte volání do try/catch s async/await, abyste vyřešili chyby sítě i parsování na jednom místě.
Jak používat async/await s Fetch?
Fetch vrací Promise, takže použijte const response = await fetch(url) následované const data = await response.json(). Pro zpracování chyb vše zabalte do bloku try/catch. Je to čistší než řetězce .then() a jde o doporučený vzor pro moderní JavaScript.
Jak nastavit timeout pro požadavky Fetch?
Použijte AbortController: vytvořte kontroler, předejte { signal: controller.signal } do fetch a zavolejte controller.abort() po prodlevě pomocí setTimeout. Moderní prohlížeče také podporují AbortSignal.timeout(5000) jako jednodušší jednořádkové řešení. Přepínač curl --max-time se mapuje na tento vzor.
Jak řešit problémy s CORS ve Fetch?
CORS vynucuje prohlížeč, nikoli Fetch samotný. Nastavte mode: 'cors' (výchozí) a zajistěte, aby server posílal správné hlavičky Access-Control-Allow-Origin. Pro přenos přihlašovacích údajů (cookies) přidejte credentials: 'include'. CORS se nevztahuje na kód na straně serveru — pro ten se podívejte na náš převodník curl do Node.js.
Jak odeslat POST požadavek s JSON tělem v JavaScriptu?
Převeďte curl POST příkaz jako curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL do JavaScriptu pomocí curl2code. Vygenerovaný kód používá fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code automaticky detekuje -d/--data přepínače s JSON obsahem a nastaví odpovídající Content-Type hlavičku v kódu pro fetch.
Jak přidat autorizaci pomocí Bearer tokenu v JavaScriptu?
Vložte curl -H "Authorization: Bearer YOUR_TOKEN" URL do curl2code a nástroj vygeneruje kód pro fetch s autorizační hlavičkou: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code detekuje Bearer tokeny z přepínačů -H "Authorization: Bearer ..." i --oauth2-bearer. Pro Basic auth použijte -u user:pass.
Jak nastavit hlavičku Content-Type v JavaScriptu?
curl2code převede curl -H "Content-Type: application/json" URL na kód pro fetch se správnou hlavičkou: headers: { 'Content-Type': 'application/json' }. Pro data u -d curl standardně používá application/x-www-form-urlencoded; pro nahrávání formulářů přes -F používá multipart/form-data. curl2code mapuje každý z nich na správné fetch API.