الدرس 3 من 8

الحالات الأربع

هدف الدرس

التحميل والنجاح والفشل والنتيجة الفارغة

01

الشرح

لكل طلب عبر الشبكة أربع حالات، ومن يعرض واحدة منها فقط يبني نموذجًا تجريبيًا وليس منتجًا حقيقيًا.

الأولى الانتظار، فإن لم تُظهرها ظنّ المستخدم أن الزرّ لا يعمل فضغطه عشر مرّات، والثانية النجاح، والثالثة الفشل وتعرض فيها رسالة تخبر المستخدم بما يفعله. والرابعة النجاح مع نتيجة فارغة، وهي أكثرها نسيانًا، لأن القائمة الفارغة التي لا تصحبها أي كلمة تبدو كأنها عطل.

وعطّل الزرّ أثناء الانتظار، فهذه أبسط طريقة تمنع إرسال طلبين في الوقت نفسه.

02

المطلوب

اعرض الحالات الأربع في #out، وعطّل الزرّ أثناء الانتظار.

الفحوص

5 فحوص
  1. حالة الانتظار تظهر فورًا
  2. الزرّ معطّل أثناء الانتظار
  3. النجاح يعرض القائمة ويعيد تفعيل الزرّ
  4. النتيجة الفارغة تظهر برسالة لا بمساحة فارغة
  5. الفشل يعرض رسالته ولا يترك الزرّ معطّلًا
03

تلميحات

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

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

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

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

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

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

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

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

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