الدرس 2 من 8

جلب البيانات بـ await

هدف الدرس

انتظر بـ await ثم اعرض

01

الشرح

كل جلب للبيانات يمرّ بثلاث خطوات ثابتة: تطلب البيانات ثم تنتظر وصولها ثم تعرضها، والكلمة await تجعل الانتظار سطرًا عاديًا بدل سلسلة من then.

ونستعمل هنا الدالة api()، وهي دالة تجريبية تتصرّف مثل fetch تمامًا، فتُرجع وعدًا (Promise) يتحقّق بعد قليل، والفرق الوحيد أنها لا تحتاج إلى شبكة، فما تتعلّمه هنا هو نفسه ما ستكتبه مع fetch.

وتذكّر: أي دالة فيها await لا بد أن تكون async.

02

المطلوب

اجلب البيانات عند الضغط على الزرّ، واعرض المدينة ودرجة الحرارة.

الفحوص

4 فحوص
  1. القيم فارغة قبل الضغط
  2. بعد الجلب تظهر المدينة
  3. درجة الحرارة تظهر
  4. الجلب ينتظر فعلًا ولا تظهر النتيجة فورًا
03

تلميحات

0/3
دروس المسارأتممت 0 من 8

تتعلّم هنا قراءة JSON وانتظار ردّ الخادم والتعامل مع حالات التحميل والفشل، وهذا ما يفرّق بين نموذج تجريبي ومنتج يعتمد عليه الناس.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعتان.

index.html
المعاينة
index.html100%
–/4

اضغط «تشغيل وتصحيح» ليبدأ الفحص.

تجد 4 فحوص في بطاقة «المطلوب».

دروس المسارأتممت 0 من 8

تتعلّم هنا قراءة JSON وانتظار ردّ الخادم والتعامل مع حالات التحميل والفشل، وهذا ما يفرّق بين نموذج تجريبي ومنتج يعتمد عليه الناس.

مستواه متوسّط، وفيه 8 دروس مجموع مدّتها ساعتان.