curl in JavaScript konvertieren
curl2code konvertiert curl-Befehle in JavaScript-Code unter Verwendung der nativen fetch-API. Alles läuft lokal in Ihrem Browser via WebAssembly für vollständige Privatsphäre. Wenn Sie serverseitigen Node.js-Code benötigen, testen Sie unseren curl zu Node.js Konverter. Für Typsicherheit schauen Sie sich den curl zu TypeScript Konverter an. Unten finden Sie praktische Beispiele für gängige HTTP-Muster.
So kopieren Sie curl aus Ihrem Browser
- 1
DevTools öffnen
Drücken Sie F12 oder Ctrl+Shift+I, um die Entwicklertools Ihres Browsers zu öffnen.
- 2
Zum Reiter Netzwerk gehen
Klicken Sie auf den Reiter Netzwerk und führen Sie die Aktion aus, die den HTTP-Request auslöst.
- 3
Als cURL kopieren
Rechtsklick auf den Request → Kopieren → Als cURL kopieren. Dann oben einfügen.
Häufig gestellte Fragen (FAQ)
Was ist die Fetch API?
Die Fetch API ist eine moderne, Promise-basierte Schnittstelle, die in allen Browsern für HTTP-Anfragen integriert ist. Sie ersetzt das ältere XMLHttpRequest durch eine sauberere, leistungsfähigere API. Fetch unterstützt Streaming, Request/Response-Objekte, CORS und lässt sich natürlich in async/await integrieren. Keine Installation erforderlich – sie ist global verfügbar. curl2code verwendet Fetch als Standardausgabe für JavaScript-Konvertierungen.
Fetch vs XMLHttpRequest vs jQuery.ajax — was sollte ich verwenden?
Fetch ist der moderne Standard – verwenden Sie es für neue Projekte. XMLHttpRequest ist veraltet, funktioniert aber immer noch überall und unterstützt nativ Fortschrittsereignisse. jQuery.ajax bietet Komfort, wenn jQuery bereits in Ihrem Projekt vorhanden ist. Für serverseitiges JavaScript siehe unseren curl zu Node.js Konverter. Für Typsicherheit probieren Sie curl zu TypeScript.
Wie wird die Authentifizierung mit Fetch gehandhabt?
Übergeben Sie einen Authorization-Header in der Option headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Für Basic-Auth kodieren Sie die Anmeldedaten mit btoa(user + ':' + pass). curl2code erkennt -u und -H 'Authorization: ...' Flags automatisch.
Wie sendet man Multipart-Formulardaten mit Fetch?
Erstellen Sie ein FormData-Objekt und übergeben Sie es als Body: fetch(url, { method: "POST", body: formData }). Setzen Sie den Content-Type nicht manuell – der Browser fügt die Multipart-Grenze automatisch hinzu. curl2code konvertiert -F-Flags in FormData.
Wie werden Fehler mit Fetch gehandhabt?
Fetch schlägt nur bei Netzwerkfehlern fehl, nicht bei HTTP-Fehlern. Überprüfen Sie immer response.ok oder response.status, bevor Sie den Body lesen. Umschließen Sie Aufrufe mit try/catch und async/await, um sowohl Netzwerk- als auch Parsing-Fehler an einer Stelle zu behandeln.
Wie verwendet man async/await mit Fetch?
Fetch gibt ein Promise zurück, verwenden Sie also const response = await fetch(url) gefolgt von const data = await response.json(). Umschließen Sie dies mit einem try/catch-Block zur Fehlerbehandlung. Dies ist sauberer als .then()-Ketten und das empfohlene Muster für modernes JavaScript.
Wie setzt man einen Timeout für Fetch-Anfragen?
Verwenden Sie AbortController: Erstellen Sie einen Controller, übergeben Sie { signal: controller.signal } an fetch und rufen Sie controller.abort() nach einer Verzögerung mit setTimeout auf. Moderne Browser unterstützen auch AbortSignal.timeout(5000) als einfachere Einzeiler-Lösung. Die curl-Option --max-time wird auf dieses Muster abgebildet.
Wie werden CORS-Probleme mit Fetch gehandhabt?
CORS wird vom Browser erzwungen, nicht von Fetch selbst. Setzen Sie mode: 'cors' (Standard) und stellen Sie sicher, dass der Server die richtigen Access-Control-Allow-Origin-Header sendet. Für Anmeldedaten (Cookies) fügen Sie credentials: 'include' hinzu. CORS gilt nicht für serverseitigen Code – siehe dazu unseren curl zu Node.js Konverter.
Wie sendet man eine POST-Anfrage mit JSON-Body in JavaScript?
Konvertieren Sie einen curl POST Befehl wie curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL mit curl2code nach JavaScript. Der generierte Code verwendet fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code erkennt automatisch -d/--data Flags mit JSON Inhalt und setzt den entsprechenden Content-Type Header im fetch Code.
Wie fügt man eine Bearer Token Autorisierung in JavaScript hinzu?
Übergeben Sie curl -H "Authorization: Bearer YOUR_TOKEN" URL an curl2code und es generiert fetch Code mit dem Auth Header: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code erkennt Bearer Tokens sowohl in -H "Authorization: Bearer ..." als auch in --oauth2-bearer Flags. Für Basic auth verwenden Sie -u user:pass.
Wie setzt man den Content-Type Header in JavaScript?
curl2code konvertiert curl -H "Content-Type: application/json" URL in fetch Code mit dem richtigen Header: headers: { 'Content-Type': 'application/json' }. Bei -d Daten verwendet curl standardmäßig application/x-www-form-urlencoded; bei -F Formular-Uploads wird multipart/form-data verwendet. curl2code ordnet beides der korrekten fetch API zu.
Nützliche Links
curl-Anleitungen
curl-Fehlercodes
Jeden curl-Exit-Code nachschlagen — Ursachen, Lösungen und Debugging-Tipps.
Dateien mit curl herunterladen
Dateien mit -o, -O speichern, Weiterleitungen folgen, Downloads fortsetzen und mehr.
SSL, TLS & Proxy
Zertifikate, TLS-Versionen, HTTP/SOCKS-Proxys und benutzerdefiniertes DNS konfigurieren.