curl'ni JavaScript tiliga o'tkazish

Q: Fetch, XMLHttpRequest yoki jQuery.ajax — qaysi biridan foydalanish kerak?

Fetch zamonaviy standartdir — yangi loyihalar uchun undan foydalaning. XMLHttpRequest eskirgan, ammo hali ham hamma joyda ishlaydi va progress hodisalarini (events) qo'llab-quvvatlaydi. Agar loyihangizda jQuery bo'lsa, jQuery.ajax qulaylik qo'shadi. Server tomonidagi JavaScript uchun bizning curl to Node.js konvertoriga qarang. Tip xavfsizligi uchun curl to TypeScriptni sinab ko'ring.

Q: Fetch bilan autentifikatsiya qanday boshqariladi?

Authorization opsiyasida headers sarlavhasini yuboring: fetch(url, { headers: { "Authorization": "Bearer token" } }). Basic autentifikatsiyasi uchun ma'lumotlarni btoa(user + ':' + pass) bilan kodlang. curl2code -u va -H 'Authorization: ...' flaglarini avtomatik aniqlaydi.

Q: Fetch bilan multipart form ma'lumotlarini qanday yuborish mumkin?

FormData obyektini yarating va uni body sifatida yuboring: fetch(url, { method: "POST", body: formData }). Content-Type-ni qo'lda o'rnatmang — brauzer multipart chegarasini (boundary) avtomatik ravishda qo'shadi. curl2code -F flaglarini FormData-ga o'zgartiradi.

Q: Fetch bilan async/await qanday ishlatiladi?

Fetch Promise qaytaradi, shuning uchun const response = await fetch(url) va undan keyin const data = await response.json() dan foydalaning. Xatolarni boshqarish uchun try/catch blokiga o'rang. Bu .then() zanjirlaridan ko'ra tozaroq va zamonaviy JavaScript uchun tavsiya etilgan pattern hisoblanadi.

Q: Fetch so'rovlari uchun taym-aut qanday o'rnatiladi?

AbortController-dan foydalaning: kontrollerni yarating, fetch-ga { signal: controller.signal } yuboring va controller.abort() bilan kechikishdan keyin setTimeout-ni chaqiring. Zamonaviy brauzerlar oddiyroq bir qatorli AbortSignal.timeout(5000)-ni ham qo'llab-quvvatlaydi. curl-ning --max-time flagi ushbu pattern-ga mos keladi.

Q: JavaScript dasturlash tilida JSON body bilan POST so'rovini qanday yuborish mumkin?

curl2code yordamida curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL kabi curl POST komandasini JavaScript kodiga o'giring. Generatsiya qilingan kod fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }) funksiyasidan foydalanadi. curl2code JSON tarkibiga ega -d/--data flaglarini avtomatik ravishda aniqlaydi va fetch kodida tegishli Content-Type sarlavhasini o'rnatadi.

Q: JavaScript dasturlash tilida Bearer token autorizatsiyasini qanday qo'shish mumkin?

curl2code xizmatiga curl -H "Authorization: Bearer YOUR_TOKEN" URL komandasini kiriting va u auth sarlavhasi bilan fetch kodini yaratadi: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code Bearer tokenlarini ham -H "Authorization: Bearer ...", ham --oauth2-bearer flaglaridan aniqlay oladi. Basic auth uchun -u user:pass flagidan foydalaning.

curl2code curl buyruqlarini native fetch API yordamida JavaScript kodiga o'tkazadi. To'liq maxfiylik uchun hamma narsa brauzeringizda WebAssembly orqali mahalliy darajada ishlaydi. Agar sizga server-side Node.js kodi kerak bo'lsa, bizning curl'ni Node.js'ga o'tkazuvchi vositamizni sinab ko'ring. Tip xavfsizligi uchun curl'ni TypeScript'ga o'tkazuvchi vositani ko'ring. Quyida keng tarqalgan HTTP patternlari uchun amaliy misollar keltirilgan.

Brauzerdan curl'ni qanday nusxalash mumkin

1
DevTools'ni oching
Brauzer dasturchi vositalarini ochish uchun F12 yoki Ctrl+Shift+I bosing.
2
Network tabiga o'ting
Network tabini bosing va HTTP so'rovini yuboradigan amalni bajaring.
3
cURL sifatida nusxalash
So'rov ustiga o'ng tugmani bosing → Copy → Copy as cURL. Keyin uni yuqoriga joylashtiring.

JavaScript kod misollari

1Oddiy GET so'rovi

curl buyrug'i

curl https://api.example.com/users

JavaScript · fetch

fetch('https://api.example.com/users');

2JSON body bilan POST

curl buyrug'i

curl -X POST https://api.example.com/users \
  -H "Content-Type: application/json" \
  -d '{"name":"John","email":"john@example.com"}'

JavaScript · fetch

fetch('https://api.example.com/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    'name': 'John',
    'email': 'john@example.com'
  })
});

3Bearer Token bilan so'rov

curl buyrug'i

curl https://api.example.com/me \
  -H "Authorization: Bearer token123"

JavaScript · fetch

fetch('https://api.example.com/me', {
  headers: {
    'Authorization': 'Bearer token123'
  }
});

4Multipart Form yuklash

curl buyrug'i

curl -X POST https://api.example.com/upload \
  -F "file=@document.pdf" \
  -F "description=My file"

JavaScript · fetch

const form = new FormData();
form.append('file', File(['<data goes here>'], 'document.pdf'));
form.append('description', 'My file');

fetch('https://api.example.com/upload', {
  method: 'POST',
  body: form
});

5Maxsus sarlavhalar (Headers)

curl buyrug'i

curl https://api.example.com/data \
  -H "X-API-Key: abc123" \
  -H "Accept: application/json" \
  -H "X-Request-ID: req-456"

JavaScript · fetch

fetch('https://api.example.com/data', {
  headers: {
    'X-API-Key': 'abc123',
    'Accept': 'application/json',
    'X-Request-ID': 'req-456'
  }
});

Tez-tez so'raladigan savollar

Fetch API nima?

Fetch API — bu HTTP so'rovlarini yuborish uchun barcha brauzerlarga o'rnatilgan zamonaviy, promise-ga asoslangan interfeys. U eski XMLHttpRequest o'rnini toza va kuchliroq API bilan egallaydi. Fetch strimingni, so'rov/javob obyektlarini, CORS-ni qo'llab-quvvatlaydi va async/await bilan tabiiy ravishda integratsiyalashadi. O'rnatish shart emas — u global miqyosda mavjud. curl2code JavaScript konvertatsiyalari uchun standart chiqish sifatida Fetch-dan foydalanadi.

Fetch, XMLHttpRequest yoki jQuery.ajax — qaysi biridan foydalanish kerak?

Fetch zamonaviy standartdir — yangi loyihalar uchun undan foydalaning. XMLHttpRequest eskirgan, ammo hali ham hamma joyda ishlaydi va progress hodisalarini (events) qo'llab-quvvatlaydi. Agar loyihangizda jQuery bo'lsa, jQuery.ajax qulaylik qo'shadi. Server tomonidagi JavaScript uchun bizning curl to Node.js konvertoriga qarang. Tip xavfsizligi uchun curl to TypeScriptni sinab ko'ring.

Fetch bilan autentifikatsiya qanday boshqariladi?

Authorization opsiyasida headers sarlavhasini yuboring: fetch(url, { headers: { "Authorization": "Bearer token" } }). Basic autentifikatsiyasi uchun ma'lumotlarni btoa(user + ':' + pass) bilan kodlang. curl2code -u va -H 'Authorization: ...' flaglarini avtomatik aniqlaydi.

Fetch bilan multipart form ma'lumotlarini qanday yuborish mumkin?

FormData obyektini yarating va uni body sifatida yuboring: fetch(url, { method: "POST", body: formData }). Content-Type-ni qo'lda o'rnatmang — brauzer multipart chegarasini (boundary) avtomatik ravishda qo'shadi. curl2code -F flaglarini FormData-ga o'zgartiradi.

Fetch bilan xatolar qanday boshqariladi?

Fetch faqat tarmoq nosozliklarida rad etiladi (reject), HTTP xatolarida emas. Body-ni o'qishdan oldin har doim response.ok yoki response.status-ni tekshiring. Tarmoq va tahlil xatolarini bir joyda boshqarish uchun try/catch bilan async/await-dan foydalaning.

Fetch bilan async/await qanday ishlatiladi?

Fetch Promise qaytaradi, shuning uchun const response = await fetch(url) va undan keyin const data = await response.json() dan foydalaning. Xatolarni boshqarish uchun try/catch blokiga o'rang. Bu .then() zanjirlaridan ko'ra tozaroq va zamonaviy JavaScript uchun tavsiya etilgan pattern hisoblanadi.

Fetch so'rovlari uchun taym-aut qanday o'rnatiladi?

AbortController-dan foydalaning: kontrollerni yarating, fetch-ga { signal: controller.signal } yuboring va controller.abort() bilan kechikishdan keyin setTimeout-ni chaqiring. Zamonaviy brauzerlar oddiyroq bir qatorli AbortSignal.timeout(5000)-ni ham qo'llab-quvvatlaydi. curl-ning --max-time flagi ushbu pattern-ga mos keladi.

Fetch bilan CORS muammolari qanday hal qilinadi?

CORS Fetch tomonidan emas, brauzer tomonidan nazorat qilinadi. mode: 'cors' (standart) o'rnating va server to'g'ri Access-Control-Allow-Origin sarlavhalarini yuborishiga ishonch hosil qiling. Kredentsiallar (kuki-fayllar) uchun credentials: 'include' qo'shing. CORS server tomonidagi kodga taalluqli emas — buning uchun bizning curl to Node.js konvertoriga qarang.

JavaScript dasturlash tilida JSON body bilan POST so''rovini qanday yuborish mumkin?

curl2code yordamida curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL kabi curl POST komandasini JavaScript kodiga o'giring. Generatsiya qilingan kod fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }) funksiyasidan foydalanadi. curl2code JSON tarkibiga ega -d/--data flaglarini avtomatik ravishda aniqlaydi va fetch kodida tegishli Content-Type sarlavhasini o'rnatadi.

JavaScript dasturlash tilida Bearer token autorizatsiyasini qanday qo''shish mumkin?

curl2code xizmatiga curl -H "Authorization: Bearer YOUR_TOKEN" URL komandasini kiriting va u auth sarlavhasi bilan fetch kodini yaratadi: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code Bearer tokenlarini ham -H "Authorization: Bearer ...", ham --oauth2-bearer flaglaridan aniqlay oladi. Basic auth uchun -u user:pass flagidan foydalaning.

JavaScript dasturlash tilida Content-Type sarlavhasini qanday o''rnatish mumkin?

curl2code curl -H "Content-Type: application/json" URL komandasini tegishli sarlavhali fetch kodiga o'giradi: headers: { 'Content-Type': 'application/json' }. -d ma'lumotlari uchun curl odatda application/x-www-form-urlencoded formatini tanlaydi; -F form yuklamalari uchun esa multipart/form-data ishlatiladi. curl2code har birini to'g'ri fetch API funksiyasiga moslashtiradi.

Foydali havolalar

fetch hujjatlari

developer.mozilla.org

Standart kutubxona ma'lumotnomasi

developer.mozilla.org

curl Man sahifasi

curl.se

curl qo'llanmalari

curl xato kodlari

Istalgan curl chiqish kodini toping — sabablari, tuzatishlari va nosozliklarni aniqlash bo'yicha maslahatlar.

curl bilan fayllarni yuklab olish

-o, -O bilan fayllarni saqlang, yo'naltirishlarni kuzating, yuklashni davom ettiring va boshqalar.

SSL, TLS va proksi

Sertifikatlar, TLS versiyalari, HTTP/SOCKS proksilar va maxsus DNS sozlamalari.

Brauzerdan curl'ni qanday nusxalash mumkin

JavaScript kod misollari

1Oddiy GET so'rovi

2JSON body bilan POST

3Bearer Token bilan so'rov

4Multipart Form yuklash

5Maxsus sarlavhalar (Headers)

Tez-tez so'raladigan savollar

Foydali havolalar

curl qo'llanmalari

curl'ni boshqa tillarga o'tkazish

JavaScript kod misollari

1Oddiy GET so'rovi

2JSON body bilan POST

3Bearer Token bilan so'rov

4Multipart Form yuklash

5Maxsus sarlavhalar (Headers)