JSON nima va veb-ilovalar ma’lumot almashishi qanday ishlaydi

JSON qisqacha

JSON (JavaScript Object Notation) — ma’lumotlarni uzatish uchun matnli format. U JavaScript obyektlariga o‘xshaydi, lekin bu shunchaki satr bo‘lib, uni deyarli har qanday til o‘qiy oladi: Python, PHP, Go, Java, C#.

Internet-do‘kon mahsulotlar ro‘yxatini ko‘rsatganda, brauzer uni serverdan ko‘pincha aynan JSON ko‘rinishida oladi:

{
  "id": 42,
  "name": "Ryukzak",
  "price": 349000,
  "inStock": true,
  "tags": ["maktab", "sport"],
  "discount": null
}

Sintaksis va ma’lumot turlari

JSON da bor-yo‘g‘i oltita tur mavjud:

JSON ni JavaScript’dan ajratib turadigan qat’iy qoidalar:

• Kalitlar faqat qo‘sh tirnoqda: {"name": "Ali"}, {name: 'Ali'} emas.
• Satrlar faqat qo‘sh tirnoqda.
• Oxirgi elementdan keyin ortiqcha vergul yo‘q.
• Izohlar yo‘q.
• undefined, funksiyalar, sanalar va NaN yo‘q. Sanalar satr sifatida, odatda ISO 8601 formatida uzatiladi: "2026-03-15T10:00:00Z".

Frontend va backend JSON ni qanday almashadi

Odatiy sikl quyidagicha:

1. Frontend obyektni satrga aylantiradi: JSON.stringify().
2. Uni HTTP so‘rov tanasida Content-Type: application/json sarlavhasi bilan yuboradi.
3. Server satrni qayta obyektga aylantiradi, qayta ishlaydi va javobni ham JSON da qaytaradi.
4. Frontend javobni o‘qiydi: response.json() yoki JSON.parse().

const res = await fetch('/api/orders', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ productId: 42, qty: 2 }),
});

if (!res.ok) {
  throw new Error(`HTTP ${res.status}`);
}

const order = await res.json();

Express serverida xuddi shu ishni bitta qator — app.use(express.json()) bajaradi: u kerakli sarlavhali so‘rov tanasini o‘qib, natijani req.body ga joylaydi.

Odatiy parsing xatolari

• Unexpected token < in JSON — JSON o‘rniga HTML kelgan. Odatda bu 404 yoki 500 xato sahifasi, noto‘g‘ri API URL yoki kirish sahifasiga redirekt. DevTools dagi Network bo‘limini tekshiring.
• Unexpected end of JSON input — bo‘sh javob, masalan 204 statusi, yoki kesilgan tana. Tana bo‘lmasa, res.json() ni chaqirmang.
• Bittalik tirnoq yoki ortiqcha vergul — JSON qo‘lda satrlarni ulash orqali yig‘ilgan. Har doim JSON.stringify dan foydalaning.
• Server so‘rov tanasini ko‘rmaydi — Content-Type: application/json sarlavhasi yoki parsing middleware unutilgan.
• Katta sonlar aniqligini yo‘qotadi — JavaScript’da Number.MAX_SAFE_INTEGER dan katta sonlar yaxlitlanadi. Katta identifikatorlarni satr sifatida uzatgan ma’qul.
• Sanalar satr bo‘lib keladi — bu normal holat. Ularni kerakli joyda Date ga aylantiring.

Yaxshi odat — parsingdan oldin res.ok va javobning Content-Type ini tekshirish, serverda esa kiruvchi ma’lumotlarni sxema bo‘yicha validatsiya qilish.

JSON, XML va form data

Qanday tanlash kerak:

• Oddiy API — JSON.
• Fayl yuklash — multipart/form-data, metama’lumotlarni esa qo‘shni maydonga qo‘yish mumkin.
• Faqat XML tushunadigan eski tizim bilan integratsiya — XML, bu yerda tanlov yo‘q.