Konverter curl til JavaScript
curl2code konverterer curl-kommandoer til JavaScript-kode ved hjælp af det indbyggede fetch API. Alt kører lokalt i din browser via WebAssembly for fuldstændig privatliv. Hvis du har brug for Node.js-kode til serversiden, kan du prøve vores curl til Node.js-konverter. For typesikkerhed, tjek curl til TypeScript-konverteren. Nedenfor er praktiske eksempler på almindelige HTTP-mønstre.
Sådan kopierer du curl fra din browser
- 1
Åbn DevTools
Tryk på F12 eller Ctrl+Shift+I for at åbne din browsers udviklerværktøjer.
- 2
Gå til fanen Network
Klik på fanen Network og udfør den handling, der udløser HTTP-anmodningen.
- 3
Kopier som cURL
Højreklik på anmodningen → Copy → Copy as cURL. Indsæt den derefter ovenfor.
Ofte stillede spørgsmål
Hvad er Fetch API?
Fetch API er en moderne, promise-baseret grænseflade indbygget i alle browsere til at foretage HTTP-anmodninger. Det erstatter den ældre XMLHttpRequest med en renere og mere kraftfuld API. Fetch understøtter streaming, anmodnings-/svarobjekter, CORS og integreres naturligt med async/await. Ingen installation nødvendig — det er tilgængeligt globalt. curl2code bruger Fetch som standardoutput for JavaScript-konverteringer.
Fetch vs XMLHttpRequest vs jQuery.ajax — hvad skal jeg bruge?
Fetch er den moderne standard — brug den til nye projekter. XMLHttpRequest er forældet, men fungerer stadig overalt og understøtter statusbegivenheder indfødt. jQuery.ajax tilføjer bekvemmelighed, hvis jQuery allerede er i dit projekt. For server-side JavaScript, se vores curl til Node.js-konverter. For typesikkerhed, prøv curl til TypeScript.
Hvordan håndteres godkendelse med Fetch?
Send en Authorization-header i indstillingen headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). For Basic-auth skal du kode legitimationsoplysninger med btoa(user + ':' + pass). curl2code registrerer automatisk -u og -H 'Authorization: ...'-flag.
Hvordan sender man multipart-formulardata med Fetch?
Opret et FormData-objekt og send det som body: fetch(url, { method: "POST", body: formData }). Indstil ikke Content-Type manuelt — browseren tilføjer automatisk multipart-grænsen. curl2code konverterer -F-flag til FormData.
Hvordan håndteres fejl med Fetch?
Fetch afviser kun ved netværksfejl, ikke HTTP-fejl. Tjek altid response.ok eller response.status, før du læser bodyen. Indpak kald i try/catch med async/await for at håndtere både netværks- og parsingfejl ét sted.
Hvordan bruger man async/await med Fetch?
Fetch returnerer et Promise, så brug const response = await fetch(url) efterfulgt af const data = await response.json(). Indpak i en try/catch-blok for fejlhåndtering. Dette er renere end .then()-kæder og er det anbefalede mønster for moderne JavaScript.
Hvordan indstilles en timeout for Fetch-anmodninger?
Brug AbortController: opret en controller, send { signal: controller.signal } til fetch, og kald controller.abort() efter en forsinkelse med setTimeout. Moderne browsere understøtter også AbortSignal.timeout(5000) som en enklere one-liner. curls --max-time mapper til dette mønster.
Hvordan håndteres CORS-problemer med Fetch?
CORS håndhæves af browseren, ikke af Fetch selv. Indstil mode: 'cors' (standard) og sørg for, at serveren sender korrekte Access-Control-Allow-Origin-headere. For legitimationsoplysninger (cookies), tilføj credentials: 'include'. CORS gælder ikke for server-side kode — for det, se vores curl til Node.js-konverter.
Hvordan sender man en POST-anmodning med JSON-body i JavaScript?
Konverter en curl POST-kommando som curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL til JavaScript ved hjælp af curl2code. Den genererede kode bruger fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code registrerer automatisk -d/--data-flag med JSON-indhold og indstiller den relevante Content-Type-header i fetch-koden.
Hvordan tilføjer man Bearer token-autorisation i JavaScript?
Send curl -H "Authorization: Bearer YOUR_TOKEN" URL til curl2code, og den genererer fetch-kode med auth-headeren: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code registrerer Bearer-tokens fra både -H "Authorization: Bearer ..." og --oauth2-bearer-flag. Til Basic auth skal du bruge -u user:pass.
Hvordan indstiller man Content-Type-headeren i JavaScript?
curl2code konverterer curl -H "Content-Type: application/json" URL til fetch-kode med den korrekte header: headers: { 'Content-Type': 'application/json' }. For -d-data bruger curl som standard application/x-www-form-urlencoded; for -F-formular-uploads bruges multipart/form-data. curl2code mapper hver af disse til den korrekte fetch API.