تتبادل المواقع الحديثة البيانات مع الخوادم: الطقس، الأخبار، المنتجات… وتمرّ هذه التبادلات عبر واجهات API، وتستعلم منها JavaScript بواسطة fetch.

ما هي واجهة API؟

واجهة API خدمة توفّر بيانات عند الطلب. ترسل طلبًا إلى عنوان معيّن فترسل إليك ردًّا، غالبًا بصيغة JSON (نص منظّم يسهل على الشيفرة قراءته).

استعمال fetch

fetch("https://api.exemple.com/donnees")
  .then(response => response.json())
  .then(data => console.log(data));

ويجري الأمر على النحو التالي:

• fetch ترسل الطلب إلى العنوان المحدّد.
• .json() تحوّل الرد إلى بيانات قابلة للاستعمال.
• و.then الثانية تتلقّى البيانات أخيرًا لاستعمالها.

ولأن الرد قد يستغرق بعض الوقت، فإن هذه العمليات غير متزامنة: لا تنتظرها الشيفرة، بل تعالج النتيجة فور وصولها.

للتذكّر: تجلب fetch بيانات بعيدة عبر واجهة API. والرد يصل لاحقًا: نعالجه بـ.then.