انتقل إلى محتوى الدرس

JSON Format for Exchanging Data صيغة JSON لتبادل بيانات الويب

تعلّم ببساطة كيف تتواصل الواجهة الأمامية مع الواجهة الخلفية عبر واجهات API وتشبيه نادل المطعم، وصيغة JSON لتبادل البيانات، وتحديث الشاشة دون إعادة التحميل، وتصميم حالات التحميل والنجاح والفراغ والخطأ.
3 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

إذا كانت الواجهة الخلفية مبرمجة بلغة مثل أو أو ، بينما تعمل الواجهة الأمامية في المتصفح بلغة ، فما هي اللغـة المشتركة المكتوبة في «تذكرة الطلب» التي يحملها النادل بينهما؟ إنها صيغة JSON ()، الصيغة النصية القياسية لتبادل بيانات الويب:

  • أزواج واضحة من (المفتاح: القيمة): تُكتب كل معلومة على شكل اسم واضح بين علامتي تنصيص متبوعاً بنقطتين وقيمته؛ مثل .
  • فصل البيانات الخام عن شكل العرض: لاحظ أن رسالة تحتوي على البيانات الصافية فقط (نصوص وأرقام وقوائم) دون أي ألوان أو خطوط؛ وفور استلام الواجهة الأمامية لهذه الورقة تقوم بتوزيع القيم داخل بطاقات و المصممة لديها.

شاهد في المثال الآتي كيف تبدو تذكرة بيانات واضحة وسهلة القراءة للإنسان والآلة معاً:

الصف 2 كود برمجي
JSON
{
  "courseId": 147,
  "title": "Front-End Development",
  "lessonsCount": 10,
  "isPublished": true
}
الصف 3 ملاحظة هامة