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

Modern Promise Based Fetch API واجهة جلب البيانات fetch

أتقن واجهة جلب البيانات Fetch API في JavaScript: أرسل طلبات GET وPOST بالوعود، وافحص النجاح عبر response.ok، واقرأ بيانات JSON، وألغِ الطلبات المعلقة عبر AbortController.
2 صفوف تعليمية
جافا سكريبت
3,227 مشاهدة

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

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

تُعد الدالة القياسية المدمجة fetch(url, options) الأداة العصرية المعتمدة لإرسال طلبات HTTP غير المتزامنة في المتصفح والبيئات الحديثة. بُنيت هذه الواجهة من الأساس على كائنات الوعود (Promises) وتدفقات البيانات، مما يجعلها تتناغم بسلاسة تامة مع صياغة async وawait.

الصف 2 صورة توضيحية
مخطط مسار عمل Fetch API على مرحلتين وفحص response.ok قبل استدعاء response.json()