Converteer curl naar JavaScript
curl2code converteert curl-opdrachten naar JavaScript-code met de systeemeigen fetch API. Alles wordt lokaal in je browser uitgevoerd via WebAssembly voor volledige privacy. Als je server-side Node.js-code nodig hebt, probeer dan onze curl naar Node.js-converter. Voor typeveiligheid, bekijk de curl naar TypeScript-converter. Hieronder staan praktische voorbeelden voor veelvoorkomende HTTP-patronen.
Hoe je curl kopieert vanuit je browser
- 1
Open Ontwikkelaarstools
Druk op F12 of Ctrl+Shift+I om de ontwikkelaarstools van je browser te openen.
- 2
Ga naar het tabblad Netwerk
Klik op het tabblad Netwerk en voer de actie uit die het HTTP-verzoek activeert.
- 3
Kopiëren als cURL
Klik met de rechtermuisknop op het verzoek → Kopiëren → Kopiëren als cURL. Plak het vervolgens hierboven.
Veelgestelde vragen
Wat is de Fetch API?
De Fetch API is een moderne, op promises gebaseerde interface die in alle browsers is ingebouwd voor het maken van HTTP-requests. Het vervangt het oudere XMLHttpRequest door een schonere, krachtigere API. Fetch ondersteunt streaming, request/response-objecten, CORS en integreert natuurlijk met async/await. Geen installatie nodig — het is wereldwijd beschikbaar. curl2code gebruikt Fetch als de standaarduitvoer voor JavaScript-conversies.
Fetch vs XMLHttpRequest vs jQuery.ajax — welke moet ik gebruiken?
Fetch is de moderne standaard — gebruik dit voor nieuwe projecten. XMLHttpRequest is verouderd, maar werkt nog overal en ondersteunt van nature voortgangsgebeurtenissen. jQuery.ajax voegt gemak toe als jQuery al in uw project zit. Voor server-side JavaScript, zie onze curl naar Node.js-converter. Probeer voor typeveiligheid curl naar TypeScript.
Hoe handel ik authenticatie af met Fetch?
Geef een Authorization header mee in de headers optie: fetch(url, { headers: { "Authorization": "Bearer token" } }). Voor Basic-authenticatie codeert u de inloggegevens met btoa(user + ':' + pass). curl2code detecteert automatisch -u en -H 'Authorization: ...' flags.
Hoe verstuur ik multipart form data met Fetch?
Maak een FormData object aan en geef dit mee als de body: fetch(url, { method: "POST", body: formData }). Stel Content-Type niet handmatig in — de browser voegt de multipart-boundary automatisch toe. curl2code converteert -F flags naar FormData.
Hoe ga ik om met fouten bij Fetch?
Fetch faalt alleen bij netwerkfouten, niet bij HTTP-fouten. Controleer altijd response.ok of response.status voordat u de body leest. Wikkel aanroepen in try/catch met async/await om zowel netwerk- als parsing-fouten op één plek af te handelen.
Hoe gebruik ik async/await met Fetch?
Fetch retourneert een Promise, dus gebruik const response = await fetch(url) gevolgd door const data = await response.json(). Wikkel dit in een try/catch blok voor foutafhandeling. Dit is schoner dan .then()-ketens en is het aanbevolen patroon voor modern JavaScript.
Hoe stel ik een timeout in voor Fetch-requests?
Gebruik AbortController: maak een controller aan, geef { signal: controller.signal } mee aan fetch, en roep controller.abort() aan na een vertraging met setTimeout. Moderne browsers ondersteunen ook AbortSignal.timeout(5000) als een eenvoudigere one-liner. De --max-time van curl wordt naar dit patroon gemapt.
Hoe ga ik om met CORS-problemen bij Fetch?
CORS wordt afgedwongen door de browser, niet door Fetch zelf. Stel mode: 'cors' in (de standaardinstelling) en zorg ervoor dat de server de juiste Access-Control-Allow-Origin headers verstuurt. Voeg voor credentials (cookies) credentials: 'include' toe. CORS is niet van toepassing op server-side code — zie daarvoor onze curl naar Node.js-converter.
Hoe verstuur je een POST-verzoek met een JSON body in JavaScript?
Converteer een curl POST-commando zoals curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL naar JavaScript met curl2code. De gegenereerde code gebruikt fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code detecteert automatisch -d/--data flags met JSON-inhoud en stelt de juiste Content-Type header in de fetch code in.
Hoe voeg je Bearer token autorisatie toe in JavaScript?
Geef curl -H "Authorization: Bearer YOUR_TOKEN" URL door aan curl2code en het genereert fetch code met de auth header: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code detecteert Bearer tokens van zowel -H "Authorization: Bearer ..." als --oauth2-bearer flags. Gebruik voor Basic auth -u user:pass.
Hoe stel je de Content-Type header in in JavaScript?
curl2code converteert curl -H "Content-Type: application/json" URL naar fetch code met de juiste header: headers: { 'Content-Type': 'application/json' }. Voor -d data gebruikt curl standaard application/x-www-form-urlencoded; voor -F formulier-uploads wordt multipart/form-data gebruikt. curl2code koppelt elk type aan de juiste fetch API.