Konvertera curl till JavaScript
curl2code konverterar curl-kommandon till JavaScript-kod med det inbyggda fetch-API:et. Allt körs lokalt i din webbläsare via WebAssembly för total integritet. Om du behöver Node.js-kod för serversidan, prova vår curl till Node.js-konverterare. För typsäkerhet, se curl till TypeScript-konverterare. Nedan finns praktiska exempel för vanliga HTTP-mönster.
Hur man kopierar curl från din webbläsare
- 1
Öppna DevTools
Tryck på F12 eller Ctrl+Shift+I för att öppna webbläsarens utvecklarverktyg.
- 2
Gå till fliken Network
Klicka på fliken Network och utför åtgärden som utlöser HTTP-begäran.
- 3
Kopiera som cURL
Högerklicka på begäran → Copy → Copy as cURL. Klistra sedan in den ovan.
Vanliga frågor
Vad är Fetch API?
Fetch API är ett modernt, promise-baserat gränssnitt inbyggt i alla webbläsare för att göra HTTP-anrop. Det ersätter det äldre XMLHttpRequest med ett renare och kraftfullare API. Fetch stöder strömning, request/response-objekt, CORS och integreras naturligt med async/await. Ingen installation krävs — det är tillgängligt globalt. curl2code använder Fetch som standardutdata för JavaScript-konverteringar.
Fetch vs XMLHttpRequest vs jQuery.ajax — vilket ska jag använda?
Fetch är den moderna standarden — använd den för nya projekt. XMLHttpRequest är föråldrat men fungerar fortfarande överallt och stöder förloppshändelser (progress events) nativt. jQuery.ajax underlättar om jQuery redan finns i ditt projekt. För JavaScript på serversidan, se vår curl till Node.js-konverterare. För typsäkerhet, prova curl till TypeScript.
Hur hanterar man autentisering med Fetch?
Skicka en Authorization-header i alternativet headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). För Basic-autentisering, koda inloggningsuppgifter med btoa(user + ':' + pass). curl2code upptäcker flaggorna -u och -H 'Authorization: ...' automatiskt.
Hur skickar man multipart-formulärdata med Fetch?
Skapa ett FormData-objekt och skicka det som body: fetch(url, { method: "POST", body: formData }). Ställ inte in Content-Type manuellt — webbläsaren lägger till multipart-gränsen automatiskt. curl2code konverterar -F-flaggor till FormData.
Hur hanterar man fel med Fetch?
Fetch avvisar (rejects) endast vid nätverksfel, inte vid HTTP-fel. Kontrollera alltid response.ok eller response.status innan du läser bodyn. Inneslut anrop i try/catch med async/await för att hantera både nätverks- och parsningsfel på ett ställe.
Hur använder man async/await med Fetch?
Fetch returnerar ett Promise, så använd const response = await fetch(url) följt av const data = await response.json(). Inneslut i ett try/catch-block för felhantering. Detta är renare än .then()-kedjor och är det rekommenderade mönstret för modern JavaScript.
Hur ställer man in en timeout för Fetch-anrop?
Använd AbortController: skapa en controller, skicka { signal: controller.signal } till fetch, och anropa controller.abort() efter en fördröjning med setTimeout. Moderna webbläsare stöder även AbortSignal.timeout(5000) som en enklare enradare. curls --max-time mappar till detta mönster.
Hur hanterar man CORS-problem med Fetch?
CORS upprätthålls av webbläsaren, inte av Fetch själv. Ställ in mode: 'cors' (standard) och se till att servern skickar korrekta Access-Control-Allow-Origin-headers. För inloggningsuppgifter (cookies), lägg till credentials: 'include'. CORS gäller inte för kod på serversidan — för det, se vår curl till Node.js-konverterare.
Hur skickar man en POST förfrågan med JSON body i JavaScript?
Konvertera ett curl POST kommando som curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL till JavaScript med curl2code. Den genererade koden använder fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code detekterar automatiskt -d/--data flaggor med JSON innehåll och ställer in rätt Content-Type header i fetch kod.
Hur lägger man till Bearer token auktorisering i JavaScript?
Skicka curl -H "Authorization: Bearer YOUR_TOKEN" URL till curl2code så genereras fetch kod med auth header: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code detekterar Bearer tokens från både -H "Authorization: Bearer ..." och --oauth2-bearer flaggor. För Basic auth, använd -u user:pass.
Hur ställer man in Content-Type header i JavaScript?
curl2code konverterar curl -H "Content-Type: application/json" URL till fetch kod med rätt header: headers: { 'Content-Type': 'application/json' }. För -d data använder curl som standard application/x-www-form-urlencoded; för -F formuläruppladdningar används multipart/form-data. curl2code mappar varje del till rätt fetch API.