ما هي العلاقة بين API و JSON و AJAX؟

• JSON هي صيغة تبادل بيانات، تتميز بأنها سهلة القراءة وبسيطة، وتدعم السلاسل النصية والأرقام والمصفوفات، تُستخدم ضمن أي قناة لتبادل البيانات مثل بين المتصفح والخادم، أو بين الخوادم مع بعضها.
• API أو واجهة برمجة التطبيقات هي أي واجهة تمكننا من برمجة والتعديل على نظام ما، سواء كان هذا النظام مكتبة برمجية، أو إطار عمل برمجي، أو واجهة برمجية لنظام خلفي ما، وهو مجموعة الأوامر والاستعلامات التي تمكننا من التعامل مع نظام ما، عادة تتيح الأنظمة API يمكن لتطبيقات العملاء سواء من المتصفح أو من تطبيقات الجوال أو الأنظمة الأخرى للتفاعل معها.
• AJAX هي طريقة بديلة عن إرسال البيانات عبر النموذج form ضمن صفحات الويب، وفيها يتم إرسال طلب HTTP ومعالجة نتيجته وتحديث الواجهة الأمامية دون تحديث الصفحة

عَلاقة مفاهيم الثلاث ببعضها

يمكن ضمن صفحة ويب إرسال طلب AJAX لمعالجة أمر ما، وضمن هذا الطلب يتم ترميز البيانات الواجب إرسالها في جسم الطلب بصيغة JSON، وتكون وجهة هذا الطلب هي واجهة برمجة تطبيق API، يعالج الطلب ويرسل النتيجة ببيانات ضمن جسم الرد بصيغة JSON أيضًا، يتم معالجة هذا الرد من قبل طلب AJAX لإنهاءه

يمكنك الاستفادة من قراءة المقالات التالية:

بالإضافة إلى إجابة حسن , في الأسفل مثال بسيط بإستخدام الجافاسكريبت للتطبيق على تلك المفاهيم 

axios.get('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => console.log(response))

في ذلك المثال يوجد لدينا api عنوانها 

https://jsonplaceholder.typicode.com

تحتوي على العديد من الموارد , في مثالنا هنا نحتاج إلى جلب كائن معين من النوع todos والمُعرف الخاص به id يساوي 1 , لذا سنقوم بعمل طلب ajax على الرابط 

https://jsonplaceholder.typicode.com/todos/1

وحتى نتمكن من عمل الطلب قمنا بإستخدام مكتبة axios والتي هي تقوم بتطبيق مفهوم الأجاكس , عبر إستخدام التابع get والذي يقوم بعمل get request أي يقوم بعمل طلب لجلب البيانات, ومن ثم نقوم بطباعة البيانات, ستلاحظ عند طباعة البيانات أنها يتم طباعتها بالشكل التالي 

{
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}

تلك الصيغة تُسمى صيغة json وهي صيغة يتم التعامل بها بين الapi وبين الجافاسكريبت لتسهيل عملية نقل البيانات, يوجد صيغ اخرى يمكن إستخدامها مثل xml لكن لم يعد من الشائع إستخدامها تلك الأيام أصبح من الشائع إستخدام الjson والتي كما تلاحظ هي عبارة عن مفتاح وقيمة أو key - value حيث نقوم بفتح أقواس {} وبداخلها نقوم بوضع المفتاح وبعدها علامة : ومن ثم قيمته , لذا في المثال السابق لدينا المفتاح userId قيمته 1 والمفتاح id قيمته 1 ,والمفتاح title قيمته delectus aut autem والمفتاح completed قيمته false وبالطبع توفر صيغة json عدة أنواع أخرى من البيانات مثل المصفوفة أو مثل وضع كائن جيسون بداخل كائن جيسون أخر , ويمكنك القراءة عنها بشكل مفصل من خلال الروابط المرفقة في اجابة أ.حسن