Converti curl in JavaScript
curl2code converte i comandi curl in codice JavaScript utilizzando l'API nativa fetch. Tutto viene eseguito localmente nel tuo browser tramite WebAssembly per la massima privacy. Se hai bisogno di codice Node.js lato server, prova il nostro convertitore da curl a Node.js. Per la sicurezza dei tipi, consulta il convertitore da curl a TypeScript. Di seguito sono riportati esempi pratici per i pattern HTTP comuni.
Come copiare curl dal tuo browser
- 1
Apri DevTools
Premi F12 o Ctrl+Shift+I per aprire gli strumenti per sviluppatori del browser.
- 2
Vai alla scheda Network
Fai clic sulla scheda Network ed esegui l'azione che attiva la richiesta HTTP.
- 3
Copia come cURL
Fai clic con il tasto destro sulla richiesta → Copia → Copia come cURL. Quindi incollalo sopra.
Domande Frequenti
Cos'è la Fetch API?
La Fetch API è un'interfaccia moderna basata su promise, integrata in tutti i browser per effettuare richieste HTTP. Sostituisce la vecchia XMLHttpRequest con un'API più pulita e potente. Fetch supporta lo streaming, gli oggetti request/response, CORS e si integra naturalmente con async/await. Nessuna installazione necessaria — è disponibile globalmente. curl2code utilizza Fetch come output predefinito per le conversioni JavaScript.
Fetch vs XMLHttpRequest vs jQuery.ajax — quale dovrei usare?
Fetch è lo standard moderno — usalo per i nuovi progetti. XMLHttpRequest è legacy ma funziona ancora ovunque e supporta nativamente gli eventi di progresso. jQuery.ajax aggiunge comodità se jQuery è già presente nel tuo progetto. Per JavaScript lato server, consulta il nostro convertitore da curl a Node.js. Per la sicurezza dei tipi, prova da curl a TypeScript.
Come gestire l'autenticazione con Fetch?
Passa un header Authorization nell'opzione headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Per l'autenticazione Basic, codifica le credenziali con btoa(user + ':' + pass). curl2code rileva automaticamente i flag -u e -H 'Authorization: ...'.
Come inviare dati form multipart con Fetch?
Crea un oggetto FormData e passalo come body: fetch(url, { method: "POST", body: formData }). Non impostare manualmente il Content-Type — il browser aggiunge automaticamente il boundary multipart. curl2code converte i flag -F in FormData.
Come gestire gli errori con Fetch?
Fetch fallisce (reject) solo in caso di errori di rete, non per errori HTTP. Controlla sempre response.ok o response.status prima di leggere il body. Avvolgi le chiamate in try/catch con async/await per gestire sia gli errori di rete che quelli di parsing in un unico posto.
Come usare async/await con Fetch?
Fetch restituisce una Promise, quindi usa const response = await fetch(url) seguito da const data = await response.json(). Avvolgi in un blocco try/catch per la gestione degli errori. Questo è più pulito delle catene .then() ed è il pattern raccomandato per il JavaScript moderno.
Come impostare un timeout per le richieste Fetch?
Usa AbortController: crea un controller, passa { signal: controller.signal } a fetch e chiama controller.abort() dopo un ritardo con setTimeout. I browser moderni supportano anche AbortSignal.timeout(5000) come soluzione più semplice. Il flag --max-time di curl mappa su questo pattern.
Come gestire i problemi CORS con Fetch?
Il CORS è imposto dal browser, non da Fetch stesso. Imposta mode: 'cors' (il predefinito) e assicurati che il server invii gli header Access-Control-Allow-Origin corretti. Per le credenziali (cookie), aggiungi credentials: 'include'. Il CORS non si applica al codice lato server — per quello, consulta il nostro convertitore da curl a Node.js.
Come inviare una richiesta POST con un corpo JSON in JavaScript?
Converti un comando curl POST come curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL in JavaScript usando curl2code. Il codice generato utilizza fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code rileva automaticamente i flag -d/--data con contenuto JSON e imposta l'intestazione Content-Type appropriata nel codice fetch.
Come aggiungere l''autorizzazione con Bearer token in JavaScript?
Passa curl -H "Authorization: Bearer YOUR_TOKEN" URL a curl2code e genererà il codice fetch con l'intestazione di autenticazione: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code rileva i Bearer token sia dai flag -H "Authorization: Bearer ..." che --oauth2-bearer. Per la Basic auth, usa -u user:pass.
Come impostare l''intestazione Content-Type in JavaScript?
curl2code converte curl -H "Content-Type: application/json" URL in codice fetch con l'intestazione corretta: headers: { 'Content-Type': 'application/json' }. Per i dati -d, curl utilizza come predefinito application/x-www-form-urlencoded; per i caricamenti di moduli -F, utilizza multipart/form-data. curl2code mappa ciascuno alla corretta API di fetch.