# cURL-zu-JavaScript (fetch) Konverter Konvertiert einen cURL-Befehl in ein JavaScript fetch()-Code-Snippet mit Headern, Body und Methode > Kanonische Seite: https://elysiatools.com/de/tools/curl-to-js-fetch - **Kategorie:** Development - **Schlagwörter:** curl, konvertieren, javascript, fetch, http, api, code ## Überblick Der cURL-zu-JavaScript (fetch) Konverter übersetzt cURL-Befehle direkt in sauberen JavaScript-Code unter Verwendung der modernen Fetch-API. Das Tool extrahiert HTTP-Methoden, Header sowie Request-Bodys und generiert ein sofort einsatzbereites Code-Snippet für Webanwendungen oder Node.js-Skripte. ## Eingaben - **cURL-Befehl** (textarea): curl -X POST https://api.example.com/users \ -H "Content-Type: application/json" \ -d '{"name":"Alice"}' - **Body formatieren** (checkbox) - **Kommentare einfügen** (checkbox) ## Wann verwenden - Wenn Sie API-Anfragen aus einer Terminal-Dokumentation schnell in eine JavaScript-Webanwendung integrieren müssen. - Wenn Sie manuelle Fehler beim Umschreiben von HTTP-Headern und JSON-Bodys in JavaScript-Objekte vermeiden wollen. - Wenn Sie Prototypen im Browser testen und dafür schnell ein funktionierendes fetch-Skript benötigen. ## Funktionsweise - Fügen Sie Ihren cURL-Befehl in das Eingabefeld ein. - Wählen Sie optional aus, ob der Request-Body formatiert und erklärende Kommentare in den Code eingefügt werden sollen. - Der Konverter analysiert die HTTP-Methode, Header und Daten des cURL-Befehls und generiert das entsprechende JavaScript-fetch-Snippet. ## Anwendungsfälle - Übertragen von API-Beispielen aus externen Entwickler-Dokumentationen in das eigene Frontend-Projekt. - Schnelles Erstellen von Test-Skripten für API-Endpunkte direkt in den Browser-Entwicklertools. - Konvertieren von komplexen cURL-Befehlen mit Authentifizierungs-Headern in sauberen JavaScript-Code. ## Häufig gestellte Fragen ### Unterstützt der Konverter POST-Anfragen mit JSON-Daten? Ja, JSON-Daten im Request-Body werden analysiert und in ein JavaScript-Objekt für den Fetch-Body umgewandelt. ### Werden benutzerdefinierte HTTP-Header übernommen? Ja, alle mit -H oder --header definierten Header werden in das headers-Objekt der Fetch-Optionen übertragen. ### Kann ich den generierten Code direkt im Browser ausführen? Ja, der generierte fetch-Code verwendet die standardmäßige Web-API und läuft direkt in modernen Browsern sowie Node.js. ### Was bewirkt die Option 'Body formatieren'? Sie sorgt dafür, dass JSON-Bodys im generierten Code übersichtlich eingerückt und lesbar dargestellt werden. ### Werden auch andere HTTP-Methoden wie PUT oder DELETE unterstützt? Ja, die im cURL-Befehl angegebene Methode wird korrekt in die Fetch-Konfiguration übernommen. ## Ähnliche Tools - [cURL-zu-Go (net/http) Konverter](https://elysiatools.com/de/tools/curl-to-go): Konvertiert einen cURL-Befehl in ein Go net/http-Code-Snippet mit http.NewRequest, Headern und Body - [cURL-zu-JavaScript (axios) Konverter](https://elysiatools.com/de/tools/curl-to-js-axios): Konvertiert einen cURL-Befehl in ein JavaScript axios-Code-Snippet mit Konfigurationsobjekt, Headern und Daten - [cURL-zu-PHP (cURL) Konverter](https://elysiatools.com/de/tools/curl-to-php): Konvertiert einen cURL-Befehl in ein PHP cURL-Code-Snippet mit curl_setopt, Headern und POST-Feldern - [cURL-zu-Python (requests) Konverter](https://elysiatools.com/de/tools/curl-to-python): Konvertiert einen cURL-Befehl in ein Python requests-Code-Snippet mit Headern, Daten und Methode - [API-Vertrags-Stresstester](https://elysiatools.com/de/tools/api-contract-stress-tester): Erzeugt Grenzwerttests aus einem OpenAPI-3.x-Dokument und sendet sie optional an ein echtes Backend, um Vertragsabweichungen zu finden. - [Cron-Ausdruck-Erklärer](https://elysiatools.com/de/tools/cron-expression-explainer): Zerlegt einen Cron-Ausdruck (5/6 Felder oder Quartz) in eine Beschreibung in natürlicher Sprache, zeigt die Felder und die nächsten N Ausführungen in jeder IANA-Zone, mit KI-Erklärung - [Tailwind-Farbpaletten-Sync](https://elysiatools.com/de/tools/tailwind-color-palette-sync): Gib HEX ein, wähle Namensschema (Skala 50–950 / Einzelname / Verschachtelung) und generiere das theme.extend.colors-Fragment für tailwind.config.ts mit WCAG AA/AAA-Leveln. Dark Mode optional. - [cURL-zu-HAR-Konverter](https://elysiatools.com/de/tools/curl-to-har-converter): Konvertiert einen cURL-Befehl in einen portablen HAR-1.2-Anfrageeintrag. ## Beispiele - [Rome JavaScript Toolchain Beispiele](https://elysiatools.com/de/samples/rome): Rome JavaScript Toolchain Beispiele einschließlich Konfiguration, Linting, Formatting, Bundling und Projektmanagement - [Web Python Bildverarbeitung Beispiele](https://elysiatools.com/de/samples/web-image-processing-python): Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung - [Hugging Face JavaScript-Beispiele](https://elysiatools.com/de/samples/huggingface-js): Hugging Face JavaScript/TypeScript-Beispiele mit Transformers.js für NLP-, Computer-Vision- und multimodale Aufgaben in Browser und Node.js - [JavaScript-Beispiele](https://elysiatools.com/de/samples/javascript): JavaScript-Beispiele und Demonstrationen Hello World ## Verwandte Inhalte - [cURL-API-Anfragen umwandeln und testen](https://elysiatools.com/de/hubs/curl-to-code-converter): Wandle cURL in Code oder HAR um, teste die Anfrage sicher und interpretiere den HTTP-Status mit Headern, Body und Authentifizierungskontext. - [Werkzeuge für Request-Formatprüfung, Replay-Vorbereitung und API-Debugging](https://elysiatools.com/de/hubs/api-request-replay-and-debugging): Prüfen Sie die Struktur, bereiten Sie ein lokales Replay vor, vergleichen Sie Antworten und sammeln Sie Debugging-Hinweise. Lokale Analyse und Generierung ersetzen weder echte Authentifizierung noch Servertests.