Convertir curl en JavaScript

L'API Fetch est une interface moderne basée sur les promesses, intégrée à tous les navigateurs pour effectuer des requêtes HTTP. Elle remplace l'ancien XMLHttpRequest par une API plus propre et plus puissante. Fetch prend en charge le streaming, les objets requête/réponse, CORS, et s'intègre naturellement avec async/await. Aucune installation n'est nécessaire — elle est disponible globalement. curl2code utilise Fetch comme sortie par défaut pour les conversions JavaScript.

Fetch est le standard moderne — utilisez-le pour les nouveaux projets. XMLHttpRequest est hérité mais fonctionne toujours partout et prend en charge nativement les événements de progression. jQuery.ajax ajoute de la commodité si jQuery est déjà présent dans votre projet. Pour le JavaScript côté serveur, consultez notre convertisseur curl vers Node.js. Pour la sécurité des types, essayez curl vers TypeScript.

Passez un en-tête Authorization dans l'option headers : fetch(url, { headers: { "Authorization": "Bearer token" } }). Pour l'authentification Basic, encodez les identifiants avec btoa(user + ':' + pass). curl2code détecte automatiquement les drapeaux -u et -H 'Authorization: ...'.

Créez un objet FormData et passez-le comme corps : fetch(url, { method: "POST", body: formData }). Ne définissez pas le Content-Type manuellement — le navigateur ajoute automatiquement la limite (boundary) multipart. curl2code convertit les drapeaux -F en FormData.

Fetch ne rejette la promesse qu'en cas d'échec réseau, pas pour les erreurs HTTP. Vérifiez toujours response.ok ou response.status avant de lire le corps. Enveloppez les appels dans un try/catch avec async/await pour gérer les erreurs réseau et d'analyse au même endroit.

Fetch renvoie une Promesse, utilisez donc const response = await fetch(url) suivi de const data = await response.json(). Enveloppez le tout dans un bloc try/catch pour la gestion des erreurs. C'est plus propre que les chaînes .then() et c'est le modèle recommandé pour le JavaScript moderne.

Utilisez AbortController : créez un contrôleur, passez { signal: controller.signal } à fetch, et appelez controller.abort() après un délai avec setTimeout. Les navigateurs modernes prennent également en charge AbortSignal.timeout(5000) pour une syntaxe plus simple. L'option --max-time de curl correspond à ce modèle.

Le CORS est appliqué par le navigateur, pas par Fetch lui-même. Définissez mode: 'cors' (par défaut) et assurez-vous que le serveur envoie les en-têtes Access-Control-Allow-Origin appropriés. Pour les identifiants (cookies), ajoutez credentials: 'include'. Le CORS ne s'applique pas au code côté serveur — pour cela, voir notre convertisseur curl vers Node.js.

Convertissez une commande curl POST comme curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL en JavaScript en utilisant curl2code. Le code généré utilise fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code détecte automatiquement les drapeaux -d/--data avec du contenu JSON et définit l'en-tête Content-Type approprié dans le code fetch.

Passez curl -H "Authorization: Bearer YOUR_TOKEN" URL à curl2code et il générera le code fetch avec l'en-tête d'authentification : headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code détecte les jetons Bearer à partir des drapeaux -H "Authorization: Bearer ..." et --oauth2-bearer. Pour le Basic auth, utilisez -u user:pass.

curl2code convertit curl -H "Content-Type: application/json" URL en code fetch avec l'en-tête approprié : headers: { 'Content-Type': 'application/json' }. Pour les données -d, curl utilise par défaut application/x-www-form-urlencoded ; pour les téléchargements de formulaires -F, il utilise multipart/form-data. curl2code associe chacun à l'API fetch correcte.